January 21, 2015

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

January 21, 2015

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!

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

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

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

    ReplyDelete
    Replies
    1. Template > Edit HTML > cari "Google Adsense" dan hapus atau ganti

      Delete
  2. cara masangnya gimana
    bisa tolong perjelas tidak ?

    ReplyDelete
    Replies
    1. diperjelas lagi apanya, sudah jelas gitu kok

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

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

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

      Delete
  4. 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

    ReplyDelete
  5. 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

    ReplyDelete
  6. gan, kok gambarnya g muncul yah?

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

    ReplyDelete

Contact Form

Name

Email *

Message *