Halo Sobat Samehada, pada artikel kali mimin akan share mengenai Cara Pembuatan Animelist Otomatis ya (tidak perlu masukin link satu persatu). kalin cukup ikuti panduan cara pembuatannya pada artikel dibawah ini.
Cara Membuat Anime List Otomatis di Blog
Page Anime List yang akan saya Share disini Terdapat dua Tampilan yaitu Tampilan satu Baris dan Tampilan dua Baris. Silahkan Agan memilih Sendiri ya untuk Tampilan yang menurut agan Cocok Dengan Blog agan.
Cara Membuat Animelis Otomatis Satu Baris di Blog
Pada anime List Tampilan satu baris ini Tidak usah set macam-macam ya. cukup paste kode yang saya share saja.
oke langsung saja Ke tutorialnya di bawah ini gan.
1. Masuk ke akun blogger.
2. Pilih menu Tema dan edit pada Mode HTML
3. Paste Kode dibawah ini Setelah atau sebelum Kode ]]></b:skin>
#sitemap5{font-size:14px;font-weight:400} #sitemap5 .judul{display:none} #sitemap5 a{transition:all .3s ease;line-height:24px;font-size:15px;font-weight:600;color:#444!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-decoration:none} #sitemap5 a:hover{color:#000} #sitemap5 .isi .abjad{color:#444;padding:10px 15px;font-size:110%;font-weight:600;text-transform:uppercase;position:relative;max-width:80%} #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:#3F51B5;color:#fff;padding:10px 0;cursor:pointer;margin:0 5px 5px 0;text-align:center;text-transform:uppercase;width:40px;border-radius:5px} .abjad span{padding:13px 2px 13px 26px;background:#3F51B5;color:white;z-index:9999} #sitemap5 .nav ol li:last-child{margin-right:0} #sitemap5 .isi ol{max-width:80%;margin-left:5%;padding:0;border-top:0} #sitemap5 .isi ol li{list-style:disc;color:#666;margin:0;padding:10px 15px;line-height:1.5em;-webkit-margin-start:0!important} #sitemap5 .nav ol li:hover{background:#E91E63;transition:.5s} .abjad:after{border-top:6px solid #3F51B5;position:absolute;bottom:0px;width:100%;content:””} @media screen and (max-width:480px){#sitemap5{font-size:13px}#sitemap5 .judul{padding:10px}#sitemap5 .isi .abjad{padding:7px 15px;margin-right: 0px;padding-left: 0px;}} @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 Kemudian Klik Simpan ya.
4. Klik pada Menu Halaman, Buat Halama Baru Kemudian Pilih Menu Edit HTML.
5. Paste Kode dibawah ini di Page edit Html Kemudian Publikasikan.
Jika saya Pastekan Kodenya di Box Script Biasanya ada yang Gagal, Oleh Karena itu Silahkan Download Scriptnya dalam Bentuk .TXT ya. Copy Kemudian Paste.
Download Scriptnya : https://drive.google.com/file/d/1CU7PUuzMRMupMT2aLcVBm_j3SpBqqKe2/view?usp=sharing
Jika Semua Step Sudah dilakukan Silahkan Lihat Hasilnya.
Demo : https://nilis-1.blogspot.com/p/list2.html
Cara Membuat Animelis Otomatis Dua Baris di Blog
untuk Proses pembuatannya Sama dengan yang sau baris ya, Kalian Cukup Paste Kode dibawah ini Pada template di mode HTML dan Paste Tempat di atas Kode ]]></b:skin>.
#sitemap5{font-size:14px;font-weight:400}span#top{display:none} #sitemap5 .judul{display:none} #sitemap5 a{transition:all .3s ease;line-height:24px;font-size:15px;font-weight:600;color:#444!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-decoration:none} #sitemap5 a:hover{color:#000} #sitemap5 .isi .abjad{color:#444;padding:10px 15px;font-size:110%;font-weight:600;text-transform:uppercase;position:relative;max-width:90%} #sitemap5 .isi ol{column-count: 2;} #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:#6d87db;color:#fff;padding:7px;cursor:pointer;border-radius:50%;margin:0 5px 5px 0;text-align:center;text-transform:uppercase;width:40px} .abjad span{padding:7px 15px;background:#6d87db;color:white;border-bottom:5px solid #6d87db;z-index:9999} #sitemap5 .nav ol li:last-child{margin-right:0} #sitemap5 .isi ol{max-width:100%;column-count:2;margin-left:5%;padding:0;border-top:0} #sitemap5 .isi ol li { list-style: disc; overflow: hidden; margin: 3px 2px; color: #666; padding: 8px 8px; line-height: 1.5em; -webkit-margin-start: 0!important; } #sitemap5 .nav ol li:hover{background:#E91E63;transition:.5s} .abjad:after{border-top:5px solid #6d87db;position:absolute;bottom:0;width:100%;content:””} @media screen and (max-width:480px){#sitemap5 .isi ol{column-count: 1;}#sitemap5{font-size:13px}#sitemap5 .judul{padding:10px}#sitemap5 .isi .abjad{padding:7px 15px;margin-right: 0px;padding-left: 0px;}} @media screen and (max-width:360px){#sitemap5 .isi ol{column-count: 1;}#sitemap5{font-size:12px}#sitemap5 .judul{padding:10px}#sitemap5 .isi .abjad{padding:7px 12px}#sitemap5 .isi ol li{padding:7px 12px}}
Untuk Kode Pada Page Tetap sama dengan yang satu baris ya. Kodenya silahkan Kalian Downloadya.
Demo : https://animelistsamehada.blogspot.com/p/anime-list-1.html
Jika Kalian ingin Template seperti yang ada di demo anime List
Template : https://bit.ly/3hxonoa
Note: Kesalahan Biasanya Terjadi karena Setelah Kode di pastekan kemudian kalian Memindahkan edit HTML pada Tamplan Menulis. jadi agar tidak ada Kesalahan Silahkan Ikuti step yang saya berikan.
Sekian Cara membuat AnimeList Otomatis Pada Blogspot semoga Bisa Bermanfaat,
