Cara membuat Featured Series ala Ibiku Fansub

              Cara membuat Featured Series ala Ibiku Fansub - Baiklah kali ini saya akan berbagi tentang cara memasang Featured Series. Tapi sebenarnya ini adalah recent spoiler dari mbak arlinadesign yang sudah saya modifikasi semirip mungkin seperti yang ada di fansub-fansub besar. Karena ini hanya recent post jadi tidak bisa merandom lebigh dari 8 post.

     Langsung saja di coba kalau mau.Tapi download dulu Javascriptnya ( Download )

1. Silahkan login ke blog anda >Tata Letak > Tambahkan Gadget > HTML/JavaScript dan pastekan semua kodenya disitu 
2.  Cari http://ibiku13sub.blogspot.com/ atau ibiku13sub.blogspot.com
3. Ganti dengan url blog anda
4.  Simpan

Mudahkan silahkan di coba.



Untuk penerapannya, simpan tepat diatas widget Posting Blog di Tata Letak.

Jika anda ingin memunculkan recent post slider ini hanya di halaman utama saja, silahkan bungkus widgetnya dengan tag kondisional khusus halaman utama. Contoh :

Klik Template > Buka edit HTML > Misal kode widget slider anda adalah #HTML4

<b:widget id='HTML4' locked='false' title='' type='HTML'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
    </b:widget>

Tambahkan tag kondisional pada widget tersebut menjadi seperti ini :

<b:widget id='HTML4' locked='false' title='' type='HTML'>
      <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
    </b:widget>

Keterangan :

• MaxPost : Jumlah semua postingan yang akan tampil dalam list
• ImageSize : Ukuran maksimal dari gambar (Semakin besar ukurannya maka akan semakin jelas kerapatan pixel gambar yang akan tampil, namun akan semakin banyak waktu yang dibutuhkan dalam proses memuat halaman)
• Interval : Waktu yang dibutuhkan ketika post berpindah (Contoh : 10000 yang berarti 10 detik)
• Autoplay : (True) Post akan berpindah secara otomatis, (False) Post tidak akan berpindah secara otomatis.

Kalo masih bingun silahkan komentar

Tweet