Ads

Source Code Sitemap Blogger Meownime

Sitemap Blogger Meownime
Dayat.id

Sitemap Blogger Meownime - seperti Title nya sitemap ini hanya untuk blogger, Sitemap ini terdapat Navigasi per abjad, dan jika di klik akan bergulir ke daftar postingan dengan huruf awalan yang sama. Akan sangat membantu untuk blog yang memiliki content Download, Nonton Film online, Music mp3, Video, dll yang mana fokus terhadap judul.

Pemasangan CSS

Pasang CSS di bawah didalam template blog nya

Cara nya buka Blogger > Tema > Edit HTML > Cari tag </style> atau ]]</b:skin> > taruh css tepat di atas tag tersebut.
/* Blogger Sitemap Alphabetically with Letter Heading by igniel.com css by Dagruel */
  #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: 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;overflow: hidden;}
  #sitemap5 .isi ol li {color: #666;list-style-type: none;margin: 0px;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 {padding: 7px 12px;}
    #sitemap5 .isi ol li {padding: 7px 12px;}
  }

Jika sudah, Buat Page atau Halaman Statis. Gunakan mode HTML bukan Compose, salin semua kode Javascript berikut dan tempelkan. Jangan lupa publikasikan halaman jika semua nya sudah di salin

<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 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;}('r a=["","\\g\\s\\i\\f\\p\\e","\\s\\i\\b\\c\\e\\b\\W\\d\\b\\x\\b\\j\\e","\\g\\i\\s","\\v\\K\\b\\b\\h\\g\\v\\p\\n\\g\\e\\g\\v\\g\\q\\x\\x\\c\\i\\H\\2f\\c\\d\\e\\u\\B\\g\\n\\j\\1f\\s\\c\\d\\d\\R\\c\\s\\X\\u\\g\\f\\e\\b\\x\\c\\p\\I\\1f\\g\\e\\c\\i\\e\\1c\\f\\j\\h\\b\\1e\\u","\\1f\\x\\c\\1e\\1c\\i\\b\\g\\q\\d\\e\\g\\u","\\c\\p\\p\\b\\j\\h\\1I\\E\\f\\d\\h","\\R\\n\\h\\H","\\g\\f\\e\\b\\x\\c\\p\\I","\\1H\\b\\e\\W\\d\\b\\x\\b\\j\\e\\1F\\H\\1q\\h","\\f\\j\\j\\b\\i\\1Y\\1M\\1Z\\1i","\\K\\b\\b\\h","\\d\\b\\j\\1H\\e\\E","\\b\\j\\e\\i\\H","\\2a\\e","\\e\\f\\e\\d\\b","\\d\\f\\j\\X","\\i\\b\\d","\\c\\d\\e\\b\\i\\j\\c\\e\\b","\\E\\i\\b\\K","\\p\\q\\g\\E","\\e\\n\\1i\\n\\1A\\b\\i\\1I\\c\\g\\b","\\s\\E\\c\\i\\1r\\e","\\B\\q\\h\\q\\d","\\f\\j\\h\\b\\1e\\1V\\K","\\q\\i\\d","\\g\\n\\i\\e","\\k\\h\\f\\w\\l\\s\\d\\c\\g\\g\\u\\o\\c\\R\\B\\c\\h\\o\\m\\k\\g\\p\\c\\j\\l\\h\\c\\e\\c\\1c\\w\\c\\d\\q\\b\\u\\o","\\o\\m","\\k\\v\\g\\p\\c\\j\\m\\k\\g\\p\\c\\j\\l\\f\\h\\u\\o\\e\\n\\p\\o\\l\\e\\f\\e\\d\\b\\u\\o\\1F\\c\\s\\X\\l\\e\\n\\l\\1M\\n\\p\\o\\m\\k\\v\\g\\p\\c\\j\\m\\k\\v\\h\\f\\w\\m\\k\\n\\d\\m","\\k\\d\\f\\m\\k\\c\\l\\E\\i\\b\\K\\u\\o","\\o\\l\\e\\f\\e\\d\\b\\u\\o","\\k\\v\\c\\m\\k\\v\\d\\f\\m","\\k\\v\\n\\d\\m","\\k\\d\\f\\m","\\k\\v\\d\\f\\m","\\k\\h\\f\\w\\l\\s\\d\\c\\g\\g\\u\\o\\B\\q\\h\\q\\d\\o\\m","\\1W\\l","\\k\\v\\h\\f\\w\\m\\k\\h\\f\\w\\l\\s\\d\\c\\g\\g\\u\\o\\j\\c\\w\\o\\m\\k\\n\\d\\m","\\k\\v\\n\\d\\m\\k\\v\\h\\f\\w\\m\\k\\h\\f\\w\\l\\s\\d\\c\\g\\g\\u\\o\\f\\g\\f\\o\\m","\\k\\v\\h\\f\\w\\m","\\s\\d\\f\\s\\X","\\Q\\g\\f\\e\\b\\x\\c\\p\\I\\l\\J\\f\\g\\f\\l\\J\\c\\R\\B\\c\\h\\l\\1X\\h\\c\\e\\c\\1c\\w\\c\\d\\q\\b\\u\\o","\\o\\2g","\\g\\e\\c\\i\\e","\\g\\s\\i\\n\\d\\d\\1q\\j\\e\\n\\2b\\f\\b\\1A","\\p\\c\\i\\b\\j\\e\\2c\\n\\h\\b","\\1y\\q\\b\\i\\H\\1B\\b\\d\\b\\s\\e\\n\\i","\\c\\h\\h\\W\\w\\b\\j\\e\\1i\\f\\g\\e\\b\\j\\b\\i","\\K\\n\\i\\W\\c\\s\\E","\\Q\\g\\f\\e\\b\\x\\c\\p\\I\\l\\J\\j\\c\\w\\l\\n\\d\\l\\d\\f","\\1y\\q\\b\\i\\H\\1B\\b\\d\\b\\s\\e\\n\\i\\1r\\d\\d","\\Q\\g\\f\\e\\b\\x\\c\\p\\I\\l\\J\\j\\c\\w","\\Q\\g\\f\\e\\b\\x\\c\\p\\I\\l\\J\\f\\g\\f\\l\\J\\c\\R\\B\\c\\h\\l\\Q\\e\\n\\p"];r 1k=1,V=2v,U=1h 1g(),P=1h 1g(),1o=1h 1g(),1j=a[0],S=a[0],1m=a[0];A 1p(){r 1l=D[a[2]](a[1]);1l[a[3]]=a[4]+1k+a[5]+V;D[a[7]][a[6]](1l)}A 2m(1C){r 1b=D[a[9]](a[8]);F(!1b){1J};1b[a[10]]=a[0];r N=1C[a[11]];F(N[a[13]][a[12]]>0){L(r Y=0;Y<N[a[13]][a[12]];Y++){r O=N[a[13]][Y];r 1a=O[a[15]][a[14]];L(r M=0;M<O[a[16]][a[12]];M++){F(O[a[16]][M][a[17]]==a[18]){r 1d=O[a[16]][M][a[19]];F(1d&&1d[a[12]]>0&&1a&&1a[a[12]]>0){U[a[20]]({"\\q\\i\\d":1d,"\\B\\q\\h\\q\\d":1a})};2n}}};F(N[a[13]][a[12]]>=V){1k+=V;1p()}1G{L(r t=U,z=0;z<t[a[12]];z++){r T=t[z][a[23]][a[22]](0)[a[21]]();F(1j[a[24]](T)==-1){1j+=T;P[T]=[{2l:t[z][a[25]],2i:t[z][a[23]]}]}1G{P[T][a[20]]({"\\q\\i\\d":t[z][a[25]],"\\B\\q\\h\\q\\d":t[z][a[23]]})}};L(r y 2r P){1o[a[20]](y)};r t=1o[a[26]]();L(r C=0;C<t[a[12]];C++){S+=a[27]+t[C]+a[28]+t[C]+a[29];L(r G=0,1n=P[t[C]];G<1n[a[12]];G++){r Z=1n[a[26]](A(y,t){1J y[a[23]]>t[a[23]]?1:-1});S+=a[2o]+Z[G][a[25]]+a[2j]+Z[G][a[23]]+a[28]+Z[G][a[23]]+a[2k]};S+=a[2u];1m+=a[2t]+t[C]+a[2q]};1b[a[10]]=a[2p]+2s+a[2h]+U[a[12]]+a[1N]+1m+a[1T]+S+a[1O];1L()}}}A 1L(){D[a[1x]](a[1S])[a[1w]](A(y){y[a[1z]](a[1E],A(){r t=a[1R]+1U[a[10]]+a[1Q];D[a[1s]](t)[a[1P]][a[1v]]({1u:1t,1K:a[1D]})})});D[a[1x]](a[2d])[a[1w]](A(y){y[a[1z]](a[1E],A(){D[a[1s]](a[2e])[a[1v]]({1u:1t,1K:a[1D]})})})}1p()',62,156,'||||||||||_0x6d0d|x65|x61|x6C|x74|x69|x73|x64|x72|x6E|x3C|x20|x3E|x6F|x22|x70|x75|var|x63|_0xdd95x14|x3D|x2F|x76|x6D|_0xdd95x17|_0xdd95x15|function|x6A|_0xdd95x18|document|x68|if|_0xdd95x19|x79|x35|x2E|x66|for|_0xdd95x12|_0xdd95xe|_0xdd95x10|grup|x23|x62|print|_0xdd95x16|sitemap5Arr|max|x45|x6B|_0xdd95xf|_0xdd95x1b|||||||||||_0xdd95x11|_0xdd95xd|x2D|_0xdd95x13|x78|x26|Array|new|x4C|abjad|start|_0xdd95xa|nav|_0xdd95x1a|key|runSitemap5|x49|x41|47|scroll|behavior|45|49|51|x71|48|x77|x53|_0xdd95xc|44|41|x42|else|x67|x43|return|block|scrollSitemap5|x54|38|40|46|43|42|50|39|this|x4F|x3A|x5B|x48|x4D|||||||||||x24|x56|x4E|53|52|x3F|x5D|37|judul|31|32|url|sitemap5|break|30|36|35|in|judulMap|34|33|150'.split('|'),0,{}));
//]]> </script>
var scroll adalah jenis gulir. Gunakan 'smooth' agar gulir halaman menjadi halus. Gunakan 'instant' agar langsung loncat ke tempat artikel nya. "JANGAN hilangkan tanda kutip ('') dalam penulisan nya.

Sekian Postingan saya kali ini semoga bermanfaat, dan jika ada yang ingin di tanyakan silahkan berkomentar di bawah. Sampai jumpa dipostingan selanjutnya Terima Kasih.

https://www.igniel.com/2019/02/sitemap-daftar-isi-navigasi-per-huruf.html
https://miownime.com/anime-list-baru

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!