2:02:00 PM
Cara memasang widget arsip blog gaya scroll - Jika kalian mengunjungi sebuah blog yang sudah kawakan, pastilah kalian semua mengidamkan desain blog yang sudah demikian diatur secara rapi. Widget - widget yang menarik dan enak dipandang serta tidak membosankan dimata. Penataan yang pas sehingga menambah traffic ke blog dan lain banyak lagi.
Kali ini penulis ingin berbagi mengenai cara membuat arsip blog dengan gaya scroll. kenapa harus bersifat scroll? ya, karena jika artikel anda sudah banyak dan anda menampilkan widget arsip blog di halaman utama maka hal itu akan keliatan seperti rel kereta memanjang ke bawah hehehe :D.nah maka dari itu jika kalian tidak ingin tampilan arsip blog kalian seperti rel kereta api, tutorial cara membuat widget arsip blog dengan scroll semoga membantu kekurangan anda.
Caranya sebagai berikut :
- Login terlebih dahulu ke blog sobat
- Pilih menu tata letak pada opsi kiri -> tambahkan gadget arsip blog -> letakkan di tempat yang anda inginkan
- Klik simpan dan berilah judul sesuai keinginan.
- Kemudian klik menu template -> edit HTML -> cari kode <div class='widget-content'> (untuk mempemudah pencarian tekan Ctrl + F -> input kata yang dicari)
- Setelah ketemu, sisipkan kode <div style='overflow:auto; width:ancho; height:300px;'> tepat dibawah <div class='widget-content'>
- Kemudian letakan kode penutup dibawah </div> tepat dibawah <b:include name='quickedit'/>
- Klik simpan dan lihat hasilnya.
 |
| Kode script bagian arsip blog |
Keterangan :
- Kata "Height" yang berwarna merah dan bercetak tebal menandakan panjang widget yang akan dipasang. Kalian bisa mengganti panjangnya sesuai keinginan
- Hal yang paling krusial adalah ketika pembaca tidak menambahkan kode penutup </div>
Baca Juga :
Cara membuat widget recent post slide show
Cara membuat huruf tebal dan miring di Whatsapp
Cara menampilkan jumlah pengunjung dan penayangan di blog
Cara membuat huruf tebal dan miring di Whatsapp
Cara menampilkan jumlah pengunjung dan penayangan di blog
Selamat mencoba sobat blogger.
Semoga berhasil.
Jangan lupa share, like, dan tinggalkan komentar ya
18 comments
Mantap masbro, ane izin praktek yah...
ga ada contohnya dari script tadi gan bakal jadi kyk gimana?
manteb tutormya gan. mudah dipahami
Nice ilmu gan... thank you yah.
Thnks ilmunya yaa
Sama sama gan hehe
Iya gan Monggo dicoba
Monggo gan silahkan pratek semoga hasil
Bisa dilihat di blog saya gan contohnya
Ada demonya gan ? Keren kayaknya
Ada demonya ga? Berat gak loadingnya ntar?
Ringan gan. Demonya bisa dilihat di blog saya
Mantap masbro, ane izin praktek yah...
makasi infonya pak,
boleh dicoba nihh, thanks infonya gan ...
makasih gan tutorialnyaaa,ijin nyobaa yaa buat blog anee :D
nice makasih infonya.
makasih banyak tutorialnya mas, bermanfaat :D
Post a Comment