Cara Membuat Scroll Box Widget Recent Posts Blogger Plugins

Sama seperti halnya scroll box lainnya, seperti misalnya scroll box widget popular posts blogger plugins, "Scroll Box Widget Recent Posts Blogger Plugins" dapat dimanfaatkan untuk menciptakan efisiensi dan penataan halaman blog. Dengan digunakannya scroll box maka tinggi (height) widget recent posts (daftar posting terbaru) dapat diatur hingga widget ini tidak terlalu memenuhi kolom blog. Membuatnya bisa hanya menggunakan xHTML atau perpaduan antara kode CSS dan xHTML. Karena untuk membuat scroll box tak ubahnya melakukan modifikasi template (modifikasi blog), maka sebelum pembuatan scroll box backup template harus dilakukan terlebih dahulu agar apabila terjadi kesalahan template (desain dasar blog) bisa dipulihkan seperti sedia kala.

Cara Membuat Scroll Box Widget Recent Posts Blogger Plugins

1. Aktifkan/pasang widget recent posts blogger plugin sebelum membuat scroll box. Panduan membuat/mengaktifkan widget recent posts blogger dapat anda ikuti melalui link berikut.
   Panduan Memasang (mengaktifkan) idget Recent Posts Blogger Plugins
2. Login ke Blogger.
3. Halaman Dasbor (Dasboard).
4. Klik Rancangan (Design).
5. Klik Edit HTML.
6. Klik Expand Widget Template.
7. Lakukan backup template. Panduan backup template dapat anda ikuti melalui link di bawah ini:
   Panduan Cara Backup Template Blogger.
8. Cari kode title='Recent Posts' type='Gadget'>. Gunakan Ctrl + F untuk mempermudah pencarian. Panduan mencari kode HTML di template dapat anda buka melalui link berikut.
   Panduan Cara Cepat Cari Kode HTML Template
9. Dibawah kode di atas akan anda temukan kode seperti di bawah ini.

Kode yang harus diganti:

<b:if cond='data:gadgetSnippet != &quot;&quot;'>
     <data:gadgetSnippet/>
<b:else/>

10. Ganti kode di atas fdengan kode berikut.

Kode HTML pengganti:

<b:if cond='data:gadgetSnippet != &quot;&quot;'>
     <div style='height:250px;overflow:auto;'><data:gadgetSnippet/></div>
<b:else/>

11. Klik Simpan Template (Save Template).
12. Klik Expand Widget Template.
13. Buka blog untuk melihat hasilnya.

Jika ingin menggunakan kode CSS ganti kode dengan kode berikut:

Kode HTML pengganti:

<b:if cond='data:gadgetSnippet != &quot;&quot;'>
     <div class='GR_recentposts'><data:gadgetSnippet/></div>
<b:else/>

Tambahkan kode CSS di atas kode ]]></b:skin>

Kode CSS Scroll Box Widget Recent Posts Blogger:

.GR_recentposts{
       height:250px;
       overflow:auto;
}

09.48 | 0 komentar | Read More

Cara Membuat - Mengaktifkan Widget Recent Posts Blogger Plugin

Recent Posts Blogger Plugins

Widget Recent Posts pada dasarnya merupakan sebuah fungsi yang digunakan untuk menampilkan daftar posting terbaru dalam sebuah box. Daftar posting terbaru (recent posts) ini berupa buah link yang disertai title posting (judul posting). Widget blogger plugins ini juga menyediakan beberapa pengaturan yang dapat dipilih penggunanya. Mengaturnya juga sangat mudah karena hanya diperlukan beberapa kali "klik" dan semua akan tertampilkan di halaman blog. Di bawah ini beberapa pengaturan widget recent posts yang mungkin dapat digunakan sebagai referensi saat anda mengaktifkannya.

1. Title » Title akan ditampilkan sebagai "nama widget" dan dalam widget ini tertuliskan "Recent Posts". Anda bisa menggantinya dengan teks berbeda seperti misalnya "Daftar Posting Terbaru".
2. Height » Nilai height dlam pixel (px). Semakin besar maka akan semakin tinggi, begitu juga sebaliknya jika semakin kecil maka akan semakin rendah.
3. Number of Posts to Display » Jumlah posting terbaru yang akan ditampilkan dalam widget recent posts. Jumlah maksimal 10 posting. Jika ingin jumlahnya kurang dari 10 posting silahkan ganti angka yang tertera.
4. Display Post Date? » Pilihan untuk menampilkan tanggal posting. Berikan tanda jika ingin menggunakan.
5. Show a summary of your blog posts? » Pilihan untuk menampilkan ringkasan posting.
6. Summary Length » Jika pilihan pada "menampilkan ringkasan posting, maka atur berapa jumlah 'huruf dan/atau angka yang ingin ditampilkan.
7. Preview - Update » Setelah pilihan ditentukan "klik" Update agar kita bisa melihat preview recent posts berdasar pilihan setting yang telah dilakukan.

Setting widget Recent Posts Blogger Plugin

Langkah untuk mengaktifkan widget recent posts:

1. Login ke Blogger.
2. Halaman Dasboard (Dasbor).
3. Klik Rancangan (Design).
4. Elemen Laman - Tambah dan Susun Elemen Laman (Page Elements - Add and Arrange Page Elements).
5. Klik salah satu Add a Gadget.
6. Sebuah window terbuka yang berisi halaman Add a Gadget. Pilih dan klik Featured.
7. Ada banyak widget di sini, cari, pilih dan klik Recent Posts.
8. Silahkan lakukan setting pada widget recent posts berdasar referensi di atas.
9. Klik Simpan (Save).
10. Anda akan kembali di Elemen Laman - Tambah dan Susun Elemen Laman (Page Elements - Add and Arrange Page Elements). Anda bisa memindah posisi widget dengan "men-drag widget ke posisi yang diinginkan.
11. Klik Simpan (Save) yang terletak di kanan atas halaman.
12. Buka blog dan lihat hasilnya.

04.28 | 0 komentar | Read More