›

Cara Memasang Daftar File Sesuai Abjad

By Juli 01, 2019 Add Comment Edit

Nah bagi kawan yang ingin membuat daftar file pada blog sesuai dengan abjad A-Z berikut tutorialnya yah silahkan dicermati. daftar file ini cocok bagi kawan yang mempunyai blog download film dan makalah juga. Contohnya : Gudang Template Allsof21

Langkah Pertama

Buka Blogger > Tema > Klik tombol Edit HTML dan tambahkan kode CSS di bawah ini sebelum </b:skin> atau </style>
/* Daftar Judul */
.allsof21daftar{overflow:hidden}
.allsof21daftar .allsof21-ini{font-size:14px}
.allsof21daftar .allsof21-ini a{line-height:30px;width:32px;color:#fff;border-radius:3px;background:#6AB2F2;transition:all 0.25s;display:inline-block;text-align:center;margin-bottom:3px}
.allsof21daftar .allsof21-ini a:hover{text-decoration:underline;color:#FFFFFF}
.allsof21daftar .allsof21-wrap{margin-top:20px}
.allsof21daftar .allsof21-group{display:inline-block;width:100%;background:#F9F9F9;margin-bottom:10px}
.allsof21daftar .allsof21-head{font-weight:700;overflow:hidden;margin-bottom:10px;background:#1581BC;font-size:15px}
.allsof21daftar .allsof21-head a{color:#FFFFFF;background:#19A3EA;float:left;margin:-5px -10px -8px -10px;padding:12px 30px;border-top-right-radius:50px}
.allsof21daftar .allsof21-item{float:left;color:#727272;width:33.3%;border-left:2px solid #D7D7D7}
.allsof21daftar .allsof21-item a{line-height:24px;font-size:14px;color:#7A7A7A;padding-right:10px;text-overflow:ellipsis;overflow:hidden;font-weight:100;white-space:nowrap;padding-left:10px}
@media screen and (max-width:1066px){.allsof21daftar .allsof21-ini a{margin:1px}}
@media only screen and (max-width:768px){.allsof21daftar .allsof21-item{width:50%}}
@media screen and (max-width:480px){.allsof21daftar .allsof21-item{width:100%}}

Setelah itu klik tombol Simpan tema

Langkah Kedua
saat membuat postingan baru / page baru, tambahkan kode di bawah ini di dalam post pada tab HTML (Bukan Compose) kemudian ganti link dan keterangan sesuai dengan kebutuhan
<div class='allsof21daftar'>
<div class='allsof21-ini'>
      <a href='#%23'>#</a>
      <a href='#A'>A</a>
      <a href='#B'>B</a>
      <a href='#C'>C</a>
      <a href='#D'>D</a>
      <a href='#E'>E</a>
      <a href='#F'>F</a>
      <a href='#G'>G</a>
      <a href='#H'>H</a>
      <a href='#I'>I</a>
      <a href='#J'>J</a>
      <a href='#K'>K</a>
      <a href='#L'>L</a>
      <a href='#M'>M</a>
      <a href='#N'>N</a>
      <a href='#O'>O</a>
      <a href='#P'>P</a>
      <a href='#Q'>Q</a>
      <a href='#R'>R</a>
      <a href='#S'>S</a>
      <a href='#T'>T</a>
      <a href='#U'>U</a>
      <a href='#V'>V</a>
      <a href='#W'>W</a>
      <a href='#X'>X</a>
      <a href='#Y'>Y</a>
      <div class='clear'></div>
   </div>
   <div class='allsof21-wrap'>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='#'>#</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='A'>A</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='B'>B</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='C'>C</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='D'>D</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='E'>E</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='F'>F</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='G'>G</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='H'>H</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='I'>I</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='J'>J</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='K'>K</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='L'>L</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='M'>M</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='N'>N</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='O'>O</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='P'>P</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='Q'>Q</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='R'>R</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='S'>S</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='T'>T</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='U'>U</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='V'>V</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='W'>W</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='X'>X</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='Y'>Y</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
      <div class='allsof21-group'>
         <div class='allsof21-head'><a name='Z'>Z</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
         <div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>
      </div>
   </div>
</div>

Setelah itu klik Publikasikan post dan lihat hasilnya di blog Anda.

Info Tambahan
Untuk Mengisi File Silahkan Ganti :
  • Title File : denngan title file anda
  • # : dengan link download anda
  • Nama File : Judul / Nama File anda
Untuk Menambahkan list silahkan Copy Code berikut sesuai yang anda inginkan:
<div class='allsof21-item'><a title='Title File' href='#'>Nama File</a></div>


Note :
  • Untuk bergabung bersama kami di fansfage putracijati klik Disini
  • Blog ini merupakan alihan dari putracijaty
  • DWYOR (Do With Your Own Risk)
BUDAYAKAN IZIN KAKA !!!
Password File : allsof21
NB : "Semua isi blog boleh di share asal cantumkan sumber dan tidak merubah/menghilangkan link adf.ly nya kecuali file di reupload ulang oleh anda"

Berlangganan update artikel terbaru via email:

0 Response to "Cara Memasang Daftar File Sesuai Abjad"

Posting Komentar

Langganan: Posting Komentar (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel