Kamis, 11 Oktober 2012

Mengaktifkan Excerpt Thumbnail Post Untuk Blogspot



Mungkin Para Sobat pengguna Blogspot Pemula Seperti Saya ini Masih Bertanya Tanya Apa Itu Excerpt Thumbnail Post? Oke Kali ini Saya Akan Jelaskan Sedikit..!!! Excerpt Thumbnail Post Adalah Sebuah Fitur Postingan Yang Digunakan Untuk Mengatur Tampilan Depan Halaman Posting Dengan Karakter Gambar Thumbnail Dan Text Yang Ditetapkan. Misalnya Kita Menetapkan Gambar Yang Tampil Ukurannya 100x100 dan Jumlah huruf/angka Pada Text sama dengan 280 maka Seterusnya Halaman depan postingan kita akan tampil begitu.

Untuk Fitur Excerpt Thumbnail Post ini sebenarnya sudah tersedia untuk Wordpress dan Tidak ada untuk Blogspot Namun sobat Blogspot jangan berkecil hati dulu karna dengan menyimakTutorial dibawah maka sobat Blogspot Akan mempunyai Fitur Excerpt Thumbnail Post di Blog Sobat.
  1. Pertam silahakan sobat login ke Akun Bloger sobat.
  2. Masuk Rancangan lalu pilih Edit HTML dan jangan lupa Centang Expand Template Widget
  3. Selanjutnya silahkan sobat cari kode </head> dan masukkan kode dibawah ini tepat diatasnya.
    <script type='text/javascript'>
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 280;
    summary_img = 280;
    img_thumb_height = 100;
    img_thumb_width = 100;
    </script>
    <script src='http://filiex.googlecode.com/files/excerpt.js' type='text/javascript'/>

  4. Kemudian Cari kode <data:post.body/> dan gantikan atau replace dengan kode dibawah ini.
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
    <div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/>
    </div>
    <script type='text/javascript'>
    createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
    <div style='clear: both;'/>
    <span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
    </b:if>
    </b:if>

  5. Terakhir Silahkan sobat Pratinjau dulu dan bila Excerpt Thumbnail Post sudah aktif sempurna sobat bisa Save Atau Simpan template.
  6. Keterangan: Untuk Menyesuaikan Tampilan Atau Ukuran Gambar dan Jumlah Text Sobat Bisa Mengeditnya Pada Kode Yang Sobat Masukkan Pada Langkah 3 Diatas.
  7. Selesai.

Cukup Sekian Dan Selamat Mencoba

Sameera Chathuranga

Ditulis Oleh : Yandi Mulyadi | Semua Artikel Menarik Ada Disini

Sobat sedang membaca artikel tentang Mengaktifkan Excerpt Thumbnail Post Untuk Blogspot. Yang diketik tangan Oleh Admin Yandi Mulyadi Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya ya?

Artikel tersebut bisa Anda akses via mobile, klik disini.

2 komentar: