Thumbnail di related posts seo alrp

Fitur baru di SEO ALRP @version 0.110415 itu ada auto link berdasarkan post tags dan post thumbnail di related posts. Untuk auto link berdasarkan post tags kayaknya ga perlu penjelasan lebih lanjut, intinya kalau ada post tags yg ditemukan, otomatis di ubah jadi internal link ke artikel ybs. Jadi disini aku cuma akan membahas tentang fitur thumbnailnya saja. Defaultnya pilihan untuk menampilkan thumbnail dalam keadaan off, jd harus di enable terlebih dahulu dari halaman Admin » Settings » SEO ALRP options. Disitu akan ada pilihan sbb:
  1. Pilihan menampilkan thumbnail saja, text saja, atau keduanya,
  2. Tinggi dan lebar thumbnail,
  3. Custom field yg digunakan sebagai tempat menyimpan informasi alamat gambar thumbnail (optional),
  4. Alamat gambar thumbnail default,
  5. CSS Style.
Secara sederhana, berikut ini langkah2 pencarian gambar thumbnail yg dilakukan oleh pluginnya:
  1. Jika theme mendukung fitur Post Thumbnail (ada sejak wp2.9), gunakan gambar dari Post Thumbnail,
  2. Jika tidak ada dan custom field berisi URL gambar, gunakan gambar di custom field,
  3. Jika tidak ada dan blog post mengandung gambar, gunakan gambar yg ada di dalam blog post,
  4. Jika tida ada juga, gunakan gambar thumbnail default.
Untuk CSS style, itu berfungsi mengatur tampilan gambar thumbnainya. Karena setiap theme berbeda-beda, saranku sebaiknya dikosongin aja, dan tambahkan CSS style langsung dari file style.css template yg digunakan. Ada 2 CSS class dan 1 CSS ID yg bisa gunakan untuk mengatur tampilan Related Posts bawaan SEO ARLP:
  1. ID “seo_alrp_related”: untuk mengatur tampilan umum keseluruhan blok related posts,
  2. Class “seo_alrp_rl_thumb”: untuk mengatur tampilan blok thumbnail,
  3. Class “seo_alrp_rl_content”: untuk mengatur tampilan blok text related posts, ini termasuk judul dan excerpt.
Menurutku, dengan mengatur langsung CSS ID dan Class diatas lewat file style.css, tampilan thumbnail dan related posts akan lebih fleksibel, bisa disesuaikan dg theme yg sedang digunakan. Berikut ini contoh CSS style yg aku gunakan di blog ini:
#seo_alrp_related a { color:#A9A883 !important; }
#seo_alrp_related h4 {
     text-shadow: black 3px 3px 5px; 
     margin-bottom: 10px;
}
.seo_alrp_rl_content { min-height: 95px }
.seo_alrp_rl_thumb { 
     float:left;
     background: #323230;
     padding: 5px 6px 6px 5px;
     border-top: 1px solid #4A4A48;
     border-left: 1px solid #3E3E3C;
     margin: 5px 10px 5px 0;
}
Semoga bermanfaat.
Post a Comment

Popular posts from this blog

Update WINDOWS 7 yang wajib dihindari

Panduan 5menit untuk mencari backlink berkualitas tinggi

Cara Pasang Meta Tag SEO Friendly dan Valid HTML5 pada Blogger