Contoh Menu Scrolling Daftar Link |
- Cara membuat related post
Ngeblog offline tanpa terhubung keinternet
Mengganti Read More Dengan Image
Cara membuat Recent Post
Cara buat menu scroll seperti diatas:
Copi code berikut:
<div style="padding-right: 10px;
padding-left: 10px; padding-bottom: 10px; overflow: auto; width: 255px;
padding-top: 10px; height: 141px" 1px="1px" solid="solid"> <ul>
<p><a href="#">Cara membuat related post</a> </p>
<p><a href="#">ngeblog offline tanpa terhubung keinternet</a> </p>
<p><a href="#">Mengganti Read More Dengan Image</a> </p>
<p><a href="#">Cara membuat Recent Post</a> </p>
</ul>
</div>
Setelah itu paste pada tempat yang sobat
inginkan di blog sobat , apakah pada postingan, sidebar dll. Untuk
alamat URLnya sobat ganti dan sesuaikan sendiri!<p><a href="#">Cara membuat related post</a> </p>
<p><a href="#">ngeblog offline tanpa terhubung keinternet</a> </p>
<p><a href="#">Mengganti Read More Dengan Image</a> </p>
<p><a href="#">Cara membuat Recent Post</a> </p>
</ul>
</div>
Untuk memasangnya pada postingan sobat harus berada dalam tab edit HTML, sedangkan untuk memasangnya pada sidebar saran saya untuk sobat agar tak bingung menyesuaikan dengan lebar sidebar ganti lebarnya menjadi 100% kodenya widht: 100% cara memasangnya (untuk yang belum tahu ni):
- Login ke blogger
- Pada bagian dasbor pilih menu layout/ tata letak
- Klik elemen halaman
- Tambah gadget pada sidebar yang anda ingin tampilkan menu scroolnya!
- Pilih tambah HTML/JavaScript
- Beri titel, simpan codenya dalam konten
- Save, lihat hasilnya diblog sobat !
0 komentar:
Post a Comment