Pada postingan kali ini Education for all akan posting artikel tentang cara membuat Recent posts floating bar.
Nah apa sebenarnya yang dimaksud dengan Recent posts floating bar,
recent post floating bar adalah, dimana setiap posting baru yang sobat
blogger mania buat akan muncul dibar sobat blogger mania seperti stiker,
hal ini tentunya akan mempermudah tamu sobat blogger mania dalam
melihat posting terbaru dari blog sobat blogger mania. Bila sobat
blogger mania berminat untuk membuatnya silahkan ikuti langkah langkah
berikut ini:
1. Silahkan login ke Blogger terlebih dahulu.2. Kemudian masuk kehalaman Edit HTML..
3. Seterusnya tick "Expand Widget Templates dan cari kode
4. Letakkan kode css berikut ini, tepat diatas kode
| paste kod css ini, di atas kode |
|---|
Bagi blog yang menggunakan template dari template designer, cari kod
6. Copy dan paste kod HTML dan Javascript ini, dibawah atau selepas kod
Bagi blog yang menggunakan template dari template designer, paste kod HTML dan Javascript ini di atas atau sebelum
| Copy paste kode ini, dibawah |
|---|
7. Edit kod yang di bold warna merah dengan menggantikannya URL blog sobat blogger mania dan jumlah postingan terbaru yang akan ditampilkan
8.
Seterusnya klik Preview. Jika posisi bar terlalu ke kiri atau ke kanan,
silahkan edit nilai pada kode yang di bold dengan warna biru pada langkah 4.
width:960px; (Panjang bar)
margin-left: -10px; (Jika posisi bar terlalu ke kanan, edit nilai -10 menjadi 10 dan sebaliknya)
9 . terakhir dan paling utama save template,
Semoga bermanfaat...........