a

Pasang Blog Archive imut dan Kawaii


Hel,.
Helo... Semuaa!!! Lagi pada ngapainn??
Oh ya,. Fasya baru aja nambahin  beragam Widget dan Efek Simply di blog Fasya.
Salah satu Nya.. Archive yang Imut.. 
Fasya bikin kode ini sendiri lhoo!!! 
Archive yang imut ini biasanya hanya ada di Blogskin/denim.. Nah..
Sekarang bisa ada di blog apapun!!..
Kamu tau gak, kotak Archive itu kayak gimana?.. 
Nih.. Preview nya.. Di blog ku juga ada sih.. Ini juga ambil gambar dari blog ku.. 


Nah.. Sekaran
 kamu mau juga yang Kayak Gitu?.. 
Yuk buaatt!!.. 
Ini bisa untuk Blogskin, Blogger biasa, dan lainnya!..

Tutorial Untuk Blogskin, Denim, ETC,.. 

  • Masuk ke Dashboard
  • Masuk ke Template
  • Cari kode di bawah,
</style>

  • Paste kode di bawah, Di bawah kode </style>


<div style="background-image:url(URL BACKGROUND); border:2px dashed #Fff ; border-radius: 10px 10px 10px 10px"><div style="text-align:left; padding:10px; border-radius:0px; height:200px; overflow-x:hidden; overflow-y:Scroll; border:2px dotted soft pinkmargin-top:20px;">

<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>

</a></a></div><br /><br /></div>

  • Kalau mau nambahin Terus daftarnya,. Tambahin aja terus kode,

<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>

  • Klik Save
Tutorial Untuk Blogger Desain, Template Designer, Dan lain nya yang Biasa

  • Masuk ke Design
  • Pilih Tata Letak
  • Tambah HTML/Javascript
  • Masukan kode ini,

<div style="background-image:url(URL BACKGROUND); border:2px dashed #Fff ; border-radius: 10px 10px 10px 10px"><div style="text-align:left; padding:10px; border-radius:0px; height:200px; overflow-x:hidden; overflow-y:Scroll; border:2px dotted soft pinkmargin-top:20px;">
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>
</a></a></div><br /><br /></div>

  • Kalau mau nambahin Terus daftarnya,. Tambahin aja terus kode,

<a  href="Link Entry Kamu">
<div class="archive">
<img src='Url Icon kamu'/>Judul Entry Kamu</div>

  • Klik Save
Selesai.. Gampang kan?.. Gampang dooong!!
Oke.. Selamat mencoba, semoga Berhasil, dan semoga kamu sukaa..

No comments:

Post a Comment

^^Komentar adalah yang Nomor satu! Jadi kamu harus Komen! (‾^‾)b
^^Komentar harus sesuai Artikel (‾^‾)b
^^Jangan Me-Request di komentar! Di Cbox/Ask,fm Aja (‾^‾)b
^^Nah, ayo tinggalkan komentar di Kotak bawah \(´▽`)/