Jumat, 26 Oktober 2012


Cara Membuat Widget Dengan Scroll

Cara Membuat Widget Dengan Scroll - Kali ini admin akan sedikit membagikan yang saya alamin. Trik ini terbilang sudah lama tetapi kalau terdapat kode yang kurang hasilnya akan beda pada nantinya. Contoh saja widget yang baru saya pasang yang namanya widget "Artikel Terpopuler"

Widget ini hasilnya berbeda bila tidak dipasangkan dengan kode <ul> dengan penutupnya juga yaitu </ul>. Disitulah letak perbedaan jika kekurangan sekode pun akan berakibat fatal menurut saya. Langsung saja ke bawah daripada panjang lebar.


Inilah kode-kode yang saya bagikan : 

<div class='widget-content' style='overflow:auto; height:125px'>
<li><a href='http://alkian.blogspot.com/2012/10/kata-kata-mutiara-motivasi-terbaru-2012.html'>Kata-kata Mutiara Motivasi Terbaru 2012</a></li>
<li><a href='http://alkian.blogspot.com/2012/09/keretamini-keretamall-komediputar-ya-keretaminikucom.html'>Kereta Mini, Kereta Mall, Komedi Putar Ya Keretaminiku.com</a></li>
<li><a href='http://alkian.blogspot.com/2012/10/suarasepakbolacom-tempatnya-prediksi-bola-terakurat.html'>Suarasepakbola.com Tempatnya Prediksi Bola Terakurat</a></li>
<li><a href='http://fadilblogx.blogspot.com/2012/10/sehat-alami-dengan-produk-indonesia.html'>Sehat Alami dengan Produk Indonesia</a></li>
<li><a href='http://fadilblogx.blogspot.com/2012/10/suarasepakbolacom-tempatnya-prediksi.html'>Suarasepakbola.com Tempatnya Prediksi Bola Terakurat</a></li>
<li><a href='http://fadilblogx.blogspot.com/2012/10/obat-wasir-dan-ambeien-manjur-di.html'>Obat Wasir dan Ambeien Manjur di Obatwasir.biz</a></li>
<li><a href='http://kreativitas-bersama.blogspot.com/2012/10/padang-pasir-arab-mulai-menghijau.html'>Gurun Sahara Subur, Benarkah Tanda Kiamat?</a></li>
<li><a href='http://kreativitas-bersama.blogspot.com/2012/10/virus-komputer-baru-ancam-korporasi.html'>Akankah, Virus Mengancam Dunia?</a></li>
</div>

Disinilah saya akan buktikan kalau kurangnya tanda <ul> dengan penutup </ul> akan mempengaruhi juga di bagian hasil yang terbilang kurang bagus + berantakan kalau dilihat jadi tambahkanlah kode <ul> + </ul> jika mau hasilnya memuaskan

Jika tidak mau seperti diatas bukan?.
Kalau tidak mau anda tinggal menuruti kode yang sedikit saya tambahkan supaya hasilnya seperti gambar yang pertama yang saya contohkan

<div class='widget-content' style='overflow:auto; height:125px'>
<ul>
<li><a href='http://alkian.blogspot.com/2012/10/kata-kata-mutiara-motivasi-terbaru-2012.html'>Kata-kata Mutiara Motivasi Terbaru 2012</a></li>
<li><a href='http://alkian.blogspot.com/2012/09/keretamini-keretamall-komediputar-ya-keretaminikucom.html'>Kereta Mini, Kereta Mall, Komedi Putar Ya Keretaminiku.com</a></li>
<li><a href='http://alkian.blogspot.com/2012/10/suarasepakbolacom-tempatnya-prediksi-bola-terakurat.html'>Suarasepakbola.com Tempatnya Prediksi Bola Terakurat</a></li>
<li><a href='http://fadilblogx.blogspot.com/2012/10/sehat-alami-dengan-produk-indonesia.html'>Sehat Alami dengan Produk Indonesia</a></li>
<li><a href='http://fadilblogx.blogspot.com/2012/10/suarasepakbolacom-tempatnya-prediksi.html'>Suarasepakbola.com Tempatnya Prediksi Bola Terakurat</a></li>
<li><a href='http://fadilblogx.blogspot.com/2012/10/obat-wasir-dan-ambeien-manjur-di.html'>Obat Wasir dan Ambeien Manjur di Obatwasir.biz</a></li>
<li><a href='http://kreativitas-bersama.blogspot.com/2012/10/padang-pasir-arab-mulai-menghijau.html'>Gurun Sahara Subur, Benarkah Tanda Kiamat?</a></li>
<li><a href='http://kreativitas-bersama.blogspot.com/2012/10/virus-komputer-baru-ancam-korporasi.html'>Akankah, Virus Mengancam Dunia?</a></li>
</ul>
</div>

0 komentar:

Posting Komentar

adsensecamp

Total Tayangan Laman

Ada kesalahan di dalam gadget ini
Ada kesalahan di dalam gadget ini