Search This Blog

Membuat scrolldown related post pada blogspot

Loncat ke form komentar

Tulisan yang berhubungan dengan Membuat scrolldown related post pada blogspot ...

related post atau tulisan terkait atau tulisan dalam satu kategori (label, tag, category) seakan menjadi jembatan bagi pembaca untuk mendapatkan informasi lanjutan tentang apa yang dibaca di halaman utama. Sayangnya jika artikel terkait sudah berjumlah puluhan, maka halaman akan terasa sangat panjang. Untuk mempercanti tampilan halaman, maka kita bikin scrolldown pada bagian related post ini. Contohnya dapat anda lihat di sawasanganam.com ini

Tulisan ini terinspirasi dari kang gemini di Membuat Dropdown menu (1)

Sebenernya tutorial ini agak panjang jika saya jelaskan satu persatu. Untuk memudahkannya, langsung saja download dulu file .txt berikut ini. File ini berisi javascript untuk related post berdasarkan label (hanya support blogspot).
  1. Bukalah template blog anda atau klik di sini untuk login ke dasboard blog anda.
  2. bukalah edit html
  3. centang kotak kecil disamping expand widget template.
  4. Cari kode berikut <p><data:post.body/></p> Harap di ingat, jika tempale anda terdapat 2 kode yang sama, pilihlah yang bawah
  5. Copy semua kode2 dari file .txt yang sudah anda download tadi
  6. Paste semua kode tersebut persis di bawah kode <p><data:post.body/></p>
  7. Save template anda
Nah.... kini blogspot anda sudah memiliki related post dengan gaya scrolldown.

Keterangan:
  • Related Post Scrolldown ini mempunya lebar = mengikuti lebar halaman posting, dan tinggi 200 px
  • Anda dapar mengedit tinggi dan lebar area scroll down dengan mengganti angka2 pada kode berikut: padding:10px;height:200px;overflow:auto;border:1px
Selamat mencoba

9 Respon Pembaca:

blogger newby said...

APa keuntunga di bikin scroll down kayak gini? Apa keyword2 di dalama scrol down masih bisa keindex search engine?

kere kenal internet said...

Kalo Untuk Wordpress yang gratisan ada nggak bos?

ali kiprit said...

Wah related postna banyak kali ndan........ binun mo baca yang mana..... Btw, sayang saya lum punya blog ndiri..... cuman numpang di forum merangin

sanganam.com said...

Keep posting gan...... happy blogging, jangan lupa kalo udah dapet $$$$ dari internet tetap konsis di pemancar kan?

Mr.XXX said...

Makasih ya mas,unek2 saya sudah di jabarkan.Langsung saya coba mas.

online etalase said...

link downloadnya broken pak..... url not found. what happen?

sawa (tukang sapu radio) said...

@ Online etalase: Silahkan di coba lagi... link sudah diperbaiki. Untuk pengunjung yang lain... mohon info jika ada link yang rusak atau broken. Thank for your attention.

cara menghilangkan kantung mata said...

Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

keladi tikus said...

Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!

Kembali ke awal Komentar | Kembali ke awal Post

Post a Comment