Cara Membuat Featured Post (Produk) SEO Friendly di Halaman Depan

Featured Post (Produk) SEO Friendly
Featured Post Gambar  atau Featured Produk (untuk toko online) di Halaman Depan Blog ini disebut SEO Friendly karena tanpa Javascript, tapi menggunakan kode CSS & HTML, jadinya kenceng (fast loading).

Kebanyakan widget Featured Post untuk blog menggunakan skrip sehingga memperlambat tampilan blog dan mengurangi skor seo.

Featured Post berikut ini cocok sekali buat blog toko online yang biasa menampilkan produk di halaman depan atau di sidebar. Blog bukan toko online juga bisa membuatnya untuk menampilkan posting yang jadi andalan di halaman depan.

Penampakannya seperti ilustrasi posting ini. DEMO atau contoh penerapannya bisa di lihat di CB Blogger Lab.

Cara Membuat Featured Post (Produk) SEO Friendly

Untuk memasang Featured Post/Produk di halaman depan bagian atas harus dipastikan dulu bahwa ada widget di atas Blog Post. Setting "Yes" di dalam template Anda di bagian seperti ini:

<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

1. Layout > Add a Gadget > HTML/Javascript.


<div align="left">
<table border="0" cellpadding="4" cellspacing="16" width="300" bgcolor=""><tbody>

<tr><td><center><a href="POST URL 1" rel="nofollow"><img border="0" alt="POST TITLE" width="130" src="POST IMAGE URL" height="130"/></a></center></td>

<td><center><a href="POST URL 2" rel="nofollow"><img border="0" alt="POST TITLE" width="130" src="POST IMAGE URL" height="130"/></a></center></td>

<td><center><a href="POST URL 3" rel="nofollow"><img border="0" alt="POST TITLE" width="130" src="POST IMAGE URL" height="130"/></a></center></td>

<td><center><a href="POST URL 4" rel="nofollow"><img border="0" alt="POST TITLE" width="130" src="POST IMAGE URL" height="130"/></a></center></td>
</tr></tbody></table></div>

Keterangan:

  • POST URL = Url link Posting
  • POST TITLE = Judul Posting
  • POST IMAGE URL = Url link gambar yang ditampilkan.


2. Save!

Kode di atas juga bisa digunakan jika Anda ingin menampilkan gambar berdampingan sejajar di posting blog, misalnya seperti ini:
Featured Post (Produk) SEO Friendly
POST TITLE
POST TITLE
POST TITLE
Cantik 'kan laptopnya? :)

Tentu saja Cara Membuat Featured Post (Produk) SEO Friendly ini bisa diterapkan juga di Sidebar atau di mana saja. Tinggal atur aja ukurannya disesuaikan dengan area yang tersedia.

Butuh kode lainnya? Sini aja: W3SCHOOL. Kode di atas juga CB utak-atik dari sana. Good Luck!

Labels: Desain Blog
11 Komentar untuk "Cara Membuat Featured Post (Produk) SEO Friendly di Halaman Depan"

cara hapus adsene di bwh postingan blog johny wuss v2 gmn bro?

Template > Edit HTML > cari "Google Adsense" dan hapus atau ganti

cara masangnya gimana
bisa tolong perjelas tidak ?

diperjelas lagi apanya, sudah jelas gitu kok

Gan update Fastestnya dung :3 udah ane tunggu-tunggu nih :D yang veri CB blogger tp

mas sekali-kali bikin posting cewek-cewek bandung cantik donk. hhehe
ane malah fokus sama cewek nya bukan laptopnya. kita bandingin sama cewek -cewek di blog ku. haha

oh ya satu lagi nich brow. ane setiap komen di blog gue sendiri. kok loading lagi ya. gk kayak nich blog. klo ngasih komentar langsung terkirim. gk loading ulang blognya

CB jadi MALAS modifikasi template blog, banyak blogger yang menghapus credit link, blogger abal-abal yang tak tau malu......

Yah, pdhl ane dah nunggu nunggu, sekarang ane lagi nyoba buatan blog laen yg v3 Hasilnya ga Responsive :3

gan, kok gambarnya g muncul yah?

mw tanya gan, bisa di buat slide gak klo di template jhony wusy

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *