Membuat Expandable Post Summaries Pada Blogger

Membuat Expandable Post Summaries pada Blogger – Jadikan Blog Anda Terlihat Profesional Penulis: Hermanu (http://hermanu.blogspot.com)

Secara default, setiap kali anda memposting sebuah tulisan di Blogger, tulisan tersebut akan terlihat secara utuh di halaman depan (yang memuat semua tulisan terakhir yang anda posting) dan halaman khusus posting itu sendiri. Dengan sedikit modifikasi pada Templat Blogger Beta, anda dapat membuat perubahan desain dan tampilan halaman muka (homepage) blog yang anda miliki. Expandable Post Summaries adalah ringkasan dari keseluruhan isi posting atau artikel yang anda buat pada halaman depan blog anda. Expandable Post Summaries memiliki beberapa manfaat: • •

•

Membuat tampilan blog anda lebih cantik dan profesional Bagus dari segi SEO (Search Engine Optimization). Ringkasan beberapa posting pada halaman muka akan memperbaiki struktur internal linking blog anda, dan hal tersebut akan meningkatkan visibility serta ranking blog anda di mesin pencari. Menghindari duplikasi konten. Duplikasi konten merupakan salah satu sebab mengapa sebuah halaman web “dibuang” ke dalam Supplemental Result oleh Google. Sekali masuk supplemental result, jangan harap halaman web anda akan memperoleh angka kunjungan yang tinggi. Dengan menampilkan hanya ringkasan isi posting anda di halaman muka, anda mengindari adanya duplikasi (dua halaman yang isinya sama persis) di blog anda.

Berikut langkah-langkah untuk membuat expandable post summaries pada Blogger: 1. Login ke akun Blogger anda. Setelah masuk ke Dashboard, klik tab Layout pada blog yang akan anda modifikasi. 2. Klik Edit HTML Sebagai antisipasi kesalahan atau jika sewaktu-waktu ingin kebali ke template lawas, buat backup/cadangan dari templat anda dengan mengklik Download Full Template. Carilah tag berikut: ]]> pada kode HTML templat anda. Copy potongan kode di bawah ini lalu paste/tempelkan di antara ]]> dan : <style> span.fullpost {display:inline;} span.fullpost {display:none;}

3. Simpan perubahan yang anda lakukan. Kini klik Expand Widget Template. 4. Copy kode berikut, lalu paste ke templat HTML anda tepat setelah : <span> Baca keseluruhan artikel... 5. Klik Save. Kini blog anda telah termodifikasi untuk menampilkan Expandable Post Summaries. Untuk setiap posting yang akan anda tampilkan ringkasannya di halaman muka blog anda, selipkan kode <span class="fullpost">Tulisan ini hanya akan terlihat di halaman posting, tidak di halaman muka blog. Anda dapat melihat contoh penerapan Expandable Post Summaries pada halaman muka (homepage) blog: http://hermanu.blogspot.com Copyright © Hermanu ([email protected])