Ads

Sitemap Blogger Berdasarkan Label Tertentu

Sitemap Blogger Berdasarkan Label Tertentu
Dagruel

Sebelum nya sudah pernah saya share tapi itu untuk Semua Post bisa kalian cek di halaman berikut Sitemap Blogger Meownime.

Dan yang saya bagikan ini hanya untuk Label tertentu saja, untuk tampilan masih sama dengan yang sebelumnya yaitu bernavigasi perabjad.

Pemasangan CSS

Hal pertama yang di lakukan adalah pasang css, kalian bebas pilih mau css yang akan di pasang, atau custom sendiri juga bisa.

Untuk pemasangan buka Blogger > Template > Edit HTML cari Tag </style> tempelkan css sebelum atau diatas Tag tersebut.

CSS Default Igniel

#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:0;top:0;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:0 0 15px;padding:0;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 0;cursor:pointer;margin:0 5px 5px 0;text-align:center;text-transform:uppercase;width:40px}#sitemap5 .nav ol li:last-child{margin-right:0}#sitemap5 .isi ol{margin:0 0 20px;padding:0;border:1px solid #ccc;border-top:0}#sitemap5 .isi ol li{color:#666;margin:0;padding:10px 15px;line-height:1.5em;-webkit-margin-start:0!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,#sitemap5 .isi ol li{padding:7px 12px}}

CSS Custom seperti Meownime

#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;white-space:nowrap;overflow:hidden}#sitemap5 a:hover{color:#000}#sitemap5 .isi .abjad{background-color:#36688a;color:#fff;padding:10px 15px;font-size:110%;font-weight:600;text-transform:uppercase;position:relative}#sitemap5 .isi .abjad:nth-of-type(even){background-color:#b53428}#sitemap5 .isi .abjad #top:before{content:'';width:12px;height:calc(100% - 20px);position:absolute;right:0;top:0;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:0 0 15px;padding:0;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 0;cursor:pointer;margin:0 5px 5px 0;text-align:center;text-transform:uppercase;width:40px}#sitemap5 .nav ol li:last-child{margin-right:0}#sitemap5 .isi ol{margin:0 0 20px;padding:0;border:1px solid #ccc;border-top:0;overflow:hidden}#sitemap5 .isi ol li{color:#666;list-style-type:none;margin:0;padding:10px;line-height:1.5em;display:flex;width:47%;float:left}#sitemap5 .isi ol li:before{content:'';width:20px;height:20px;min-width:20px;min-height:20px;margin:0;vertical-align:-5px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%234b4f56'/%3E%3C/svg%3E") center no-repeat;transition:.4s all ease;-webkit-transition:.4s all ease;-moz-transition:.4s all ease;-ms-transition:.4s all ease;-o-transition:.4s all ease}#sitemap5 .isi ol li:hover:before{transform:rotate(-36deg);-webkit-transform:rotate(-36deg);-moz-transform:rotate(-36deg);-ms-transform:rotate(-36deg);-o-transform:rotate(-36deg)}@media screen and (max-width:680px){#sitemap5 .isi ol li{width:100%;float:none}}@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,#sitemap5 .isi ol li{padding:7px 12px}}

Pemasangan JavaScript

Buat Laman atau Page baru dan isi dengan Javascript dibawah, pastikan dalam mode HTML bukan Compose.

<div id="sitemap5">Loading....</div>
<script>
//<![CDATA[
/* Blogger Sitemap Alphabetically with Letter Heading by igniel.com edited Dagruel */
var scroll  = 'instant'; /* 'smooth' OR 'instant' */
var labelmu  = 'example'; /* ganti example dengan nama Label */
var judulMap = 'Custom Judul'; /* Ganti Custom judul sesuai selera */

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=["","\\g\\s\\i\\f\\o\\e","\\s\\i\\b\\c\\e\\b\\V\\d\\b\\x\\b\\j\\e","\\g\\i\\s","\\u\\C\\b\\b\\h\\g\\u\\o\\n\\g\\e\\g\\u\\h\\b\\C\\c\\r\\d\\e\\u\\T\\u","\\2b\\c\\d\\e\\v\\B\\g\\n\\j\\1f\\s\\c\\d\\d\\S\\c\\s\\W\\v\\g\\f\\e\\b\\x\\c\\o\\J\\1f\\g\\e\\c\\i\\e\\T\\f\\j\\h\\b\\1h\\v","\\1f\\x\\c\\1h\\T\\i\\b\\g\\r\\d\\e\\g\\v","\\c\\o\\o\\b\\j\\h\\1w\\E\\f\\d\\h","\\S\\n\\h\\P","\\g\\f\\e\\b\\x\\c\\o\\J","\\1x\\b\\e\\V\\d\\b\\x\\b\\j\\e\\1M\\P\\1H\\h","\\f\\j\\j\\b\\i\\1T\\1L\\1X\\1k","\\C\\b\\b\\h","\\d\\b\\j\\1x\\e\\E","\\b\\j\\e\\i\\P","\\1N\\e","\\e\\f\\e\\d\\b","\\d\\f\\j\\W","\\i\\b\\d","\\c\\d\\e\\b\\i\\j\\c\\e\\b","\\E\\i\\b\\C","\\o\\r\\g\\E","\\e\\n\\1k\\n\\1G\\b\\i\\1w\\c\\g\\b","\\s\\E\\c\\i\\1r\\e","\\B\\r\\h\\r\\d","\\f\\j\\h\\b\\1h\\1Q\\C","\\r\\i\\d","\\g\\n\\i\\e","\\k\\h\\f\\w\\l\\s\\d\\c\\g\\g\\v\\p\\c\\S\\B\\c\\h\\p\\m\\k\\g\\o\\c\\j\\l\\h\\c\\e\\c\\T\\w\\c\\d\\r\\b\\v\\p","\\p\\m","\\k\\u\\g\\o\\c\\j\\m\\k\\g\\o\\c\\j\\l\\f\\h\\v\\p\\e\\n\\o\\p\\l\\e\\f\\e\\d\\b\\v\\p\\1M\\c\\s\\W\\l\\e\\n\\l\\1L\\n\\o\\p\\m\\k\\u\\g\\o\\c\\j\\m\\k\\u\\h\\f\\w\\m\\k\\n\\d\\m","\\k\\d\\f\\m\\k\\c\\l\\E\\i\\b\\C\\v\\p","\\p\\l\\e\\f\\e\\d\\b\\v\\p","\\k\\u\\c\\m\\k\\u\\d\\f\\m","\\k\\u\\n\\d\\m","\\k\\d\\f\\m","\\k\\u\\d\\f\\m","\\k\\h\\f\\w\\l\\s\\d\\c\\g\\g\\v\\p\\B\\r\\h\\r\\d\\p\\m","\\1V\\l","\\k\\u\\h\\f\\w\\m\\k\\h\\f\\w\\l\\s\\d\\c\\g\\g\\v\\p\\j\\c\\w\\p\\m\\k\\n\\d\\m","\\k\\u\\n\\d\\m\\k\\u\\h\\f\\w\\m\\k\\h\\f\\w\\l\\s\\d\\c\\g\\g\\v\\p\\f\\g\\f\\p\\m","\\k\\u\\h\\f\\w\\m","\\s\\d\\f\\s\\W","\\Q\\g\\f\\e\\b\\x\\c\\o\\J\\l\\H\\f\\g\\f\\l\\H\\c\\S\\B\\c\\h\\l\\1U\\h\\c\\e\\c\\T\\w\\c\\d\\r\\b\\v\\p","\\p\\1S","\\g\\e\\c\\i\\e","\\g\\s\\i\\n\\d\\d\\1H\\j\\e\\n\\1W\\f\\b\\1G","\\o\\c\\i\\b\\j\\e\\1R\\n\\h\\b","\\1K\\r\\b\\i\\P\\1J\\b\\d\\b\\s\\e\\n\\i","\\c\\h\\h\\V\\w\\b\\j\\e\\1k\\f\\g\\e\\b\\j\\b\\i","\\C\\n\\i\\V\\c\\s\\E","\\Q\\g\\f\\e\\b\\x\\c\\o\\J\\l\\H\\j\\c\\w\\l\\n\\d\\l\\d\\f","\\1K\\r\\b\\i\\P\\1J\\b\\d\\b\\s\\e\\n\\i\\1r\\d\\d","\\Q\\g\\f\\e\\b\\x\\c\\o\\J\\l\\H\\j\\c\\w","\\Q\\g\\f\\e\\b\\x\\c\\o\\J\\l\\H\\f\\g\\f\\l\\H\\c\\S\\B\\c\\h\\l\\Q\\e\\n\\o"];q 1m=1,1d=1O,Y=1i 1g(),M=1i 1g(),1o=1i 1g(),1n=a[0],N=a[0],1p=a[0];z 1e(){q 1j=F[a[2]](a[1]);1j[a[3]]=a[4]+1P+a[5]+1m+a[6]+1d;F[a[8]][a[7]](1j)}z 2n(1q){q X=F[a[10]](a[9]);K(!X){1F};X[a[11]]=a[0];q U=1q[a[12]];K(U[a[14]][a[13]]>0){G(q 1b=0;1b<U[a[14]][a[13]];1b++){q O=U[a[14]][1b];q 1a=O[a[16]][a[15]];G(q R=0;R<O[a[17]][a[13]];R++){K(O[a[17]][R][a[18]]==a[19]){q Z=O[a[17]][R][a[20]];K(Z&&Z[a[13]]>0&&1a&&1a[a[13]]>0){Y[a[21]]({"\\r\\i\\d":Z,"\\B\\r\\h\\r\\d":1a})};2e}}};K(U[a[14]][a[13]]>=1d){1m+=1d;1e()}1I{G(q t=Y,A=0;A<t[a[13]];A++){q L=t[A][a[24]][a[23]](0)[a[22]]();K(1n[a[25]](L)==-1){1n+=L;M[L]=[{2j:t[A][a[26]],2k:t[A][a[24]]}]}1I{M[L][a[21]]({"\\r\\i\\d":t[A][a[26]],"\\B\\r\\h\\r\\d":t[A][a[24]]})}};G(q y 2l M){1o[a[21]](y)};q t=1o[a[27]]();G(q D=0;D<t[a[13]];D++){N+=a[28]+t[D]+a[29]+t[D]+a[2u];G(q I=0,1l=M[t[D]];I<1l[a[13]];I++){q 1c=1l[a[27]](z(y,t){1F y[a[24]]>t[a[24]]?1:-1});N+=a[2h]+1c[I][a[26]]+a[2g]+1c[I][a[24]]+a[29]+1c[I][a[24]]+a[2f]};N+=a[2i];1p+=a[2a]+t[D]+a[1Z]};X[a[11]]=a[1Y]+2d+a[2c]+Y[a[13]]+a[2t]+1p+a[2s]+N+a[2v];1v()}}}z 1v(){F[a[1s]](a[2w])[a[1t]](z(y){y[a[1u]](a[1y],z(){q t=a[2x]+2o[a[11]]+a[2m];F[a[1C]](t)[a[2r]][a[1D]]({1E:1z,1A:a[1B]})})});F[a[1s]](a[2q])[a[1t]](z(y){y[a[1u]](a[1y],z(){F[a[1C]](a[2p])[a[1D]]({1E:1z,1A:a[1B]})})})}1e()',62,158,'||||||||||_0x6456|x65|x61|x6C|x74|x69|x73|x64|x72|x6E|x3C|x20|x3E|x6F|x70|x22|var|x75|x63|_0x4df5x14|x2F|x3D|x76|x6D|_0x4df5x17|function|_0x4df5x15|x6A|x66|_0x4df5x18|x68|document|for|x2E|_0x4df5x19|x35|if|_0x4df5x16|grup|print|_0x4df5x10|x79|x23|_0x4df5x12|x62|x2D|_0x4df5xe|x45|x6B|_0x4df5xd|sitemap5Arr|_0x4df5x13|||||||||||_0x4df5x11|_0x4df5xf|_0x4df5x1b|max|runSitemap5|x26|Array|x78|new|_0x4df5xa|x4C|_0x4df5x1a|start|abjad|key|nav|_0x4df5xc|x41|52|50|49|scrollSitemap5|x43|x67|42|scroll|block|45|48|46|behavior|return|x77|x49|else|x53|x71|x54|x42|x24|150|labelmu|x4F|x4E|x5D|x48|x5B|x3A|x56|x4D|37|36|||||||||||35|x3F|38|judulMap|break|33|32|31|34|url|judul|in|44|sitemap5|this|53|54|47|40|39|30|41|51|43'.split('|'),0,{}));
//]]>
</script>
ganti tulisan example dengan nama label kalian, perhatikan huruf besar kecil karena kalau keliru tidak akan muncul.

Selesai sudah silahkan cek halaman kalian tadi apakah sudah berhasil. jika belum silahkan bertanya di kolom komentar.

https://igniel.com

Comments

Blogger Disqus
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
  • Gunakan <i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan <em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>
×

Berlangganan

Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!