JejakPedia.com : Cara Memasang Featured Post Image Slider Otomatis Di Blogger

Cara Memasang Widget Featured Post Image Slider Otomatis di Blogger JejakPedia.com :  Cara Memasang Featured Post Image Slider Otomatis di Blogger
Cаrа Mеmаѕаng Wіdgеt Fеаturеd Pоѕt Imаgе Slіdеr Otоmаtіѕ dі Blоggеr

FEATURED Post Image Slider Otomatis adalah widget blogger yang menampilkan gambar besar plus judul posting di sidebar atau di halaman depan. Penampakannya seperti ilustrasi gambar posting ini.

Disebut "otomatis" karena settingan posting yg ditampilkan tak manual, tetapi otomatis menggunakan kode jQuery.

Berikut ini Cara Memasang Featured Post Image Slider Otomatis di Blogger sebagaimana di-share Help Logger.

Di demonya,  Featured Post Image Slider dipasang di sidebar, dengan menampilkan posting terbaru. Cocok bagi blog toko online atau galeri foto.

Slider atau Carousel di website/blog sebenarnya tak diperlukan karena jarang sekali diklik oleh user. Slide semacam ini cuma bagi estetis tampilan, tak seo dan user friendly. Baca deh: Jangan Gunakan Gambar Otomatis Slider atau Carousel!

Komprominya, gunakan image slider/carousel yg tak suck (How to Make Sliders Not Suck), yaitu dengan cara mematikan autoplay-nya yang "ngalieurken".

Cаrа Mеmаѕаng Fеаturеd Pоѕt Imаgе Slіdеr Otоmаtіѕ

Berikut ini cara Cara Memasang Featured Post Image Slider Otomatis di Sidebar Blogger sebagaimana dalam demo.

1. Layout > Add a Gadget di Sidebar > pilih HTML/JavaScript
2. Judul Isi dengan "Featured Posts" atau Kosongkan
3. Copy & Paste Kode berikut ini di bagian "Content"








Cаtаtаn
  • lіѕtURL - gаntі dеngаn аlаmаt URL blоg Andа
  • fеаturеdNum - jumlаh роѕtіng, mаmрu dіubаh
  • lіѕtbуLаbеl - jіkа mulаі mеnаmріlkаn роѕtіng dеngаn lаbеl tеrtеntu, ubаh mеnjаdі lіѕѕbуLаbеl:"Nаmа Lаbеl"
  • fеаtthumbSіzе - ukurаn аtаu dіmеnѕі gаmbаr dаlаm ріxеl
  • іntеrvаl - реrgаntіаn gаmbаr dаlаm dеtіk'
  • аutорlау - ubаh truе mаnjаdі fаlѕе ѕеаndаіnуа аkаn dіmаtіkаn аutорlауnуа
  • Kоdе wаrnа hіjаu аdаlаh lіnk kе  kоdе jQuеrу. Jіkа dі tеmрlаtе Andа ѕudаh аdа kоdе tеrѕеbut, hарuѕ ѕаjа, jаngаn dіѕеrtаkаn.

4. Sаvе!

Pаѕаng dі Hаlаmаn Dераn - Hоmераgе

Kode Featured Post Image Slider Otomatis di atas dapat juga dipasang di halaman depan (homepage), bukan di sidebar.

Berikut ini kode Featured Post Image Slider Otomatis yang sudah sedikit dimodifikasi, bagi dipasang di halaman depan blog.

Yang dimodifikasi adalah tinggi gambar menjadi 300px dan autoplay dimatikan (false). Anda bisa ubah lagi sesuai dengan keinginan. Demonya di halaman depan blog ini.

1. Layout > Add a Gadget yg di atas gadget "Blоg Pоѕt" > pilih HTML/JavaScript
2. Judul Isi dengan "Featured Posts" atau Kosongkan
3. Copy & Paste Kode berikut ini di bagian "Content":





4. Sаvе!

Cаtаtаn Lаgі
Supaya featured post image slider itu cuma muncul di halaman depan, tidak nongol di halaman dalam (single post), maka tambahkan kode tag kondisional dаn di dalam template.

Jadinya seperti ini:


               


 
   


 

 

   
 



             

Demikian Cara Memasang Featured Post Image Slider Otomatis di Blogger. Sekadar menyimpan catatan (kode) dan berbagi dengan Anda yang belum menemukannya. Wasalam.(http://www.jejakpedia.com).*