Cara Memindahkan Posisi Judul Posting di Atas Gambar Thumbnail ke Samping (Auto ReadMore).
SECARA default, saat kita membuat auto readmore di halaman depan blog, baik pake javascript maupun tanpa javascript, maka posisi judul ada di atas gambar thumbnail dan ringkasan (snippet), seperti di tempalet seo friendly terbaru NJW Simple:
Nah, bagaima jika kita ingin memindahkan judul posting ke samping kanan gambar, sehingga gambar, judul, dan ringkasan sejajar? Contohnya, ya... Auto ReadMore di homepage blog CB ini.
Kita ambil contoh di template seo friendly terbaru, NJW Simple. Judul posting auto readmorenya ada di atas gambar. Kitapindahkanjudul postingnya ke samping gambar, jadinya seperti ini:
BAGAIMANA CARANYA?
Kita tinggal memindahkan kode Image Thumbnail :
SECARA default, saat kita membuat auto readmore di halaman depan blog, baik pake javascript maupun tanpa javascript, maka posisi judul ada di atas gambar thumbnail dan ringkasan (snippet), seperti di tempalet seo friendly terbaru NJW Simple:
Nah, bagaima jika kita ingin memindahkan judul posting ke samping kanan gambar, sehingga gambar, judul, dan ringkasan sejajar? Contohnya, ya... Auto ReadMore di homepage blog CB ini.
Kita ambil contoh di template seo friendly terbaru, NJW Simple. Judul posting auto readmorenya ada di atas gambar. Kitapindahkanjudul postingnya ke samping gambar, jadinya seperti ini:
BAGAIMANA CARANYA?
Kita tinggal memindahkan kode Image Thumbnail :
#fafafc; border: 1px solid rgb(221, 221, 221); padding: 10px;"> ....
ke atas kode judul posting (h2)
Sehingga susunannya seperti berikut ini:
![thumbnail]()
MASALAH
Masalahnya, di template NJW Simple itu, jika kita pindahkan judul ke samping gambar, ringkasan postingnya jadi "kebanyakan". Tentu, harus dikurangi.
Selain itu, "postmeta" atau "post info" juga sedikit mengganggu pemandangan, baiknya disembunyikan saja (display:none). Judul tulisan juga dikecilkan dikit. Seperti ini:
Lebih rapi dan bagus 'kan?
Cara ini diujicoba dan berhasil di NJW Simple. Kalo mau dicoba di template Anda, silakan, semoga berhasil.
Jika gak mau pusing-pusing mengubahJudul Posting ke Samping Gambar Thumbnail, silakan gunakan Layanan Premium CB. Silakan pilih, mode auto readmore halaman depannya mau seperti gambar yang kedua atau yang ketiga.
CARA LAIN
Jika cara di atas tidak berhasil, Anda bisa coba tips "rumit" dari DTE. Sama, yaitu memindahkan judul posting ke samping image thumbnail di auto readmore halaman depan blog. Good luck! (http://www.contohblog.com).*
reff : http://www.contohblog.com/2015/10/memindahkan-judul-posting-ke-samping-gambar-thumbnail.html
ke atas kode judul posting (h2)
Sehingga susunannya seperti berikut ini:
MASALAH
Masalahnya, di template NJW Simple itu, jika kita pindahkan judul ke samping gambar, ringkasan postingnya jadi "kebanyakan". Tentu, harus dikurangi.
Selain itu, "postmeta" atau "post info" juga sedikit mengganggu pemandangan, baiknya disembunyikan saja (display:none). Judul tulisan juga dikecilkan dikit. Seperti ini:
Lebih rapi dan bagus 'kan?
Cara ini diujicoba dan berhasil di NJW Simple. Kalo mau dicoba di template Anda, silakan, semoga berhasil.
Jika gak mau pusing-pusing mengubahJudul Posting ke Samping Gambar Thumbnail, silakan gunakan Layanan Premium CB. Silakan pilih, mode auto readmore halaman depannya mau seperti gambar yang kedua atau yang ketiga.
CARA LAIN
Jika cara di atas tidak berhasil, Anda bisa coba tips "rumit" dari DTE. Sama, yaitu memindahkan judul posting ke samping image thumbnail di auto readmore halaman depan blog. Good luck! (http://www.contohblog.com).*
reff : http://www.contohblog.com/2015/10/memindahkan-judul-posting-ke-samping-gambar-thumbnail.html
0 comments:
Post a Comment