Tutorial ini saya buat untuk menjawab beberapa pertanyaan dari teman-teman blogger tentang kenapa di BLOG INI tampilan setiap halaman postingnya kok berbeda dengan halaman utama ? (perhatikan perubahannya pada sidebar)
Nah, sebelum memulai tutorial ini, mungkin bagi para blogger pemula (maaf) masih agak kurang faham dengan apa itu Widget. Secara singkat saya jelaskan, Widget adalah elemen halaman yang bisa berupa link, gambar, dan lain-lain. Biasanya terletak pada sidebar sebelah kiri atau kanan dari halaman / isi artikel, dan biasanya diberi nama misal Label, Archive, Follower, dll. Nah, nama widget itulah yang akan kita cari dan kita edit nanti.
Menampilkan Widget hanya pada halaman depan berarti widget tersebut hanya akan tampil pada halaman depan. Jadi, pada saat kita membuka artikel / posting, widget tersebut akan hilang atau tersembunyi, dan akan muncul kembali pada halaman depan atau ketika kita menekan tombol Home.
Sebelum kita memulai, perlu diperhatikan bahwa wajib hukumnya untuk mengingat setiap nama widget yang akan kita edit. Hal ini untuk antisipasi seandainya terjadi kesalahan dalam proses edit. Lebih bagus lagi jika sebelum melakukan proses edit, backup dulu template anda dengan menekan tombol download full template, lalu simpan di komputer anda.
Baiklah, mari kita ikuti langkah demi langkah proses edit HTML nya :
- Seperti biasa, Login ke blogger dengan akun anda
- Klik Tata Letak (Edit Layout)
- Klik Edit Html
- Beri centang pada Expand Widget Template
- Lalu cari nama widget tersebut, misalnya : Recent Comments
(tekan Ctrl + F, dan isikan kata kunci dari pencarian anda)
- Kalau sudah ketemu, akan ada kode seperti ini :
Keterangan :
Kode warna merah di atas adalah kode yang harus ditambahkan, sedangkan kode warna biru adalah keterangan nama dari widget.
Perlu diketahui juga, bahwa untuk widget yang tidak diberi judul, secara otomatis blogger akan memberi nama widget tersebut dengan HTML1, HTML2, dst (untuk widget Html/javascript) dan Text1, Text2, dst (untuk widget text).
Disarankan untuk memberi judul setiap widget yang ditambahkan.
- Jika sudah selesai editnya, Klik Simpan
Setelah disimpan sekarang coba kita lihat hasilnya. Klik View Edit (Lihat Hasil) dan perhatikan pada halaman depan / utama, lalu klik pada salah satu artikel posting, dan lihat perbedaannya dengan halaman utama. Sudah berbeda kan ?
Halaman depan :
Halaman Artikel / Posting :
Untuk lihat hasilnya, LIHAT DI SINI
Silahkan bereksperimen dengan imajinasi anda sendiri untuk mendapatkan hasil yang lebih maksimal. Jika ada pertanyaan, bisa anda kirim pada kotak komentar di bawah. Terima kasih.
Nah, sebelum memulai tutorial ini, mungkin bagi para blogger pemula (maaf) masih agak kurang faham dengan apa itu Widget. Secara singkat saya jelaskan, Widget adalah elemen halaman yang bisa berupa link, gambar, dan lain-lain. Biasanya terletak pada sidebar sebelah kiri atau kanan dari halaman / isi artikel, dan biasanya diberi nama misal Label, Archive, Follower, dll. Nah, nama widget itulah yang akan kita cari dan kita edit nanti.
Menampilkan Widget hanya pada halaman depan berarti widget tersebut hanya akan tampil pada halaman depan. Jadi, pada saat kita membuka artikel / posting, widget tersebut akan hilang atau tersembunyi, dan akan muncul kembali pada halaman depan atau ketika kita menekan tombol Home.
Sebelum kita memulai, perlu diperhatikan bahwa wajib hukumnya untuk mengingat setiap nama widget yang akan kita edit. Hal ini untuk antisipasi seandainya terjadi kesalahan dalam proses edit. Lebih bagus lagi jika sebelum melakukan proses edit, backup dulu template anda dengan menekan tombol download full template, lalu simpan di komputer anda.
Baiklah, mari kita ikuti langkah demi langkah proses edit HTML nya :
- Seperti biasa, Login ke blogger dengan akun anda
- Klik Tata Letak (Edit Layout)
- Klik Edit Html
- Beri centang pada Expand Widget Template
- Lalu cari nama widget tersebut, misalnya : Recent Comments
(tekan Ctrl + F, dan isikan kata kunci dari pencarian anda)
- Kalau sudah ketemu, akan ada kode seperti ini :
<b:widget id="HTML11" locked="false" title="Recent Comments" type="HTML">
<b:includable id="main">
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
<div class="widget-content">
<data:content>
</data:content>
</div>
</b:if>
<b:include name="quickedit">
</b:includable>
</b:widget>
Keterangan :
Kode warna merah di atas adalah kode yang harus ditambahkan, sedangkan kode warna biru adalah keterangan nama dari widget.
Perlu diketahui juga, bahwa untuk widget yang tidak diberi judul, secara otomatis blogger akan memberi nama widget tersebut dengan HTML1, HTML2, dst (untuk widget Html/javascript) dan Text1, Text2, dst (untuk widget text).
Disarankan untuk memberi judul setiap widget yang ditambahkan.
- Jika sudah selesai editnya, Klik Simpan
Setelah disimpan sekarang coba kita lihat hasilnya. Klik View Edit (Lihat Hasil) dan perhatikan pada halaman depan / utama, lalu klik pada salah satu artikel posting, dan lihat perbedaannya dengan halaman utama. Sudah berbeda kan ?
Halaman depan :
Halaman Artikel / Posting :
Untuk lihat hasilnya, LIHAT DI SINI
Silahkan bereksperimen dengan imajinasi anda sendiri untuk mendapatkan hasil yang lebih maksimal. Jika ada pertanyaan, bisa anda kirim pada kotak komentar di bawah. Terima kasih.
Comments
Post a Comment