Cara Buat Anime List Seperti Nukohime-Anime

20.38.00
Yaho.. Minna
Kembali update lagi dah..

Kali ini update tutor  "Cara Buat Anime List Seperti Nukohime-Anime"

Yosh langsung saja ke tutor

1. Login Blogger terlebih dahulu
2. Masuk bagian Template -> Edit HTML
3. Lalu cari kode </b:skin> atau </style> (untuk memudahkan pencarian tekan CTRL + F)
4. Pastekan Code CSS ini di atas / sebelum </b:skin> atau </style>

/* CSS Anime List Nukohime-Anime by Nukodezign */
#animelist {width: 100%;float: left;padding-right: 9px;font-family: sans-serif;}
.nav_apb {padding: 1px 0;text-align: center;margin: 0 0 5px;}
.nav_apb a:visited {color: #FFF;}
.nav_apb a {display: block;font-weight: 700;font-size: 12px;float: left;margin: 1px;background: #6AB2F2 none repeat scroll 0 0;color: #FFF;border: 1px solid #54A6ED;width: 31.5px;border-radius: 5px;}
.nav_apb a:hover {color: #fff;text-decoration: underline;}
#a-z {overflow: hidden;-moz-column-gap: 15px;margin-top: 25px;width: 100%;}
.letter-group {margin-bottom: 10px;border-radius: 5px;display: inline-block;width: 100%;background: #f9f9f9 none repeat scroll 0 0;}
.letter-cell {font-weight: 700;color: #4D4D4D;overflow: hidden;text-transform: uppercase;position: relative;margin-bottom: 10px;background: #1581BC none repeat scroll 0 0;font-size: 15px;} 
.row-cells {float: left;color: #727272;line-height: 25px;list-style: outside none none;width: 302px;border-left: 2px solid #D7D7D7;}
.letter-cell a {color: #FFF;display: block;background: #19A3EA none repeat scroll 0 0;float: left;margin-left: -10px;margin-top: -5px;margin-bottom: -8px;padding: 12px 30px;border-top-right-radius: 50px;}
.title-cell {line-height: 24px;color: #3F3F3F;padding-right: 10px;text-overflow: ellipsis;overflow: hidden;font-weight: 100;white-space: nowrap;padding-left: 10px;}
.title-cell a {font-size: 13px;color: #7A7A7A;font-family: Open Sans;}

Bila sudah silahkan buat Postingannya gan gunakan Code HTML ini di bagian HTML bukan Compose



Selanjutnya yaitu pastekan Code HTML ini di bawah
 <!-- KODE UNTUK ANIME "#" DISINI -->   dan seterusnya


Untuk Lihat Hasilnya Silahkan Klik Link Di Bawah Ini
Previous
Next Post »
Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar