<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
Isi halaman yang akan ditampilkan secara scroll
</div>
Untuk membuatnya silahkan anda ikuti langkah2 dibawah ini :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script yang ada di bawah ini tinggal anda edit saja :
<div style='overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee'><ul><li><a href='http://www.seby-antoe.com/2009/09/cara-back-up-dan-upload-file-java.html'>Cara Back Up dan Upload File Java Script ke Free Hosting</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/cara-membuat-animasi-status-loading.html'>Cara Membuat Animasi Status Loading</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/cara-membuat-buku-tamu-dengan.html'>Cara Membuat Buku Tamu dengan Shoutmix.com</a></li>
<li><a href='http://www.seby-antoe.com/2009/06/cara-membuat-dan-memahami-isi-blog-di.html'>Cara Membuat dan Memahami Isi Blog di Blogspot</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/cara-membuat-icon-address-bar-favicon.html'>Cara Membuat Icon Address bar ( Favicon ) di Blog</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/cara-membuat-kata-penutup-di-blog.html'>Cara Membuat Kata Penutup di Blog Ketika Menutup Blog</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/cara-menampilkan-elemen-halaman-hanya.html'>Cara Menampilkan Elemen Halaman Hanya Pada Halaman Depan</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/cara-menampilkan-elemen-halaman-hanya_28.html'>Cara Menampilkan Elemen Halaman Hanya Pada Halaman Selanjutnya</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/cara-mudah-menulis-kode-html-di.html'>Cara Menulis Kode HTML di Postingan</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/cara-mudah-membuat-tampilan-read-more.html'>Cara Mudah Membuat Tampilan Read More pada Postingan</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/cara-setting-blog-di-blogspot.html'>Cara Setting Blog di Blogspot</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/memasang-toolbox-bookmark-share-addthis.html'>Memasang Toolbox Bookmark & Share di Bawah Postingan</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/memasang-widget-alexa-rank-di-blog.html'>Memasang Widget Alexa Rank di Blog</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/cara-memberikan-efek-yang-menonjol-pada.html'>Memberikan Efek yang Menonjol pada Postingan</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/membuat-banner-animasi-melalui-situs.html'>Membuat Banner Animasi Melalui Situs Gratisan</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-blogger-login-widget.html'>Membuat Blogger Login Widget</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-efek-animasi-roaming-saat-blog.html'>Membuat Efek Animasi Roaming Saat Blog di Buka</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-efek-tulisan-berkedip-blink.html'>Membuat Efek Tulisan Berkedip ( Blink )</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-efek-zoom-pada-image-gambar.html'>Membuat Efek Zoom Pada Image / Gambar</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-footer-blog-3-kolom.html'>Membuat Footer Blog 3 Kolom</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-huruf-besar-pada-awal-postingan.html'>Membuat Huruf Besar pada Awal Postingan</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-image-gambar-terlihat-blur.html'>Membuat Image Gambar Terlihat Blur ( Tersamar ) Ketika Disorot Mouse</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/membuat-image-logo-button.html'>Membuat Image Logo Button</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-kata-sambutan-untuk-pengunjung.html'>Membuat Kata Sambutan Untuk Pengunjung Blog</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-kolom-teks-area-untuk-kode.html'>Membuat Kolom Teks Area untuk Kode / Tulisan</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-label-berjalan-marquee-di-atas.html'>Membuat Label Berjalan ( Marquee ) di Atas Footer</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-link-berubah-warna-dan-membesar.html'>Membuat Link Berubah Warna dan Membesar Ketika Disorot</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-link-warna-rainbow-link.html'>Membuat Link Warna ( Rainbow Link )</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-menu-auto-hide-spoiler.html'>Membuat Menu Auto Hide ( Spoiler )</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-overline-pada-link-garis-atas.html'>Membuat Overline Pada Link / Garis Atas Pada Saat Link Disorot ( Mouse Over )</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/membuat-random-posts-dengan-tampilan.html'>Membuat Random Posts dengan Tampilan Slide</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-random-posts-di-bawah-postingan.html'>Membuat Random Posts di Bawah Postingan Dengan Tampilan Gambar</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/membuat-read-more-terbaru.html'>Membuat Read More Terbaru</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-recent-post-dengan-thumbnails.html'>Membuat Recent Post Dengan Thumbnails dan Comment Count</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/membuat-related-posts-atau-artikel.html'>Membuat Related Posts atau Artikel Terkait</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-sidebar-blog-menjadi-2-kolom.html'>Membuat Sidebar Blog Menjadi 2 Kolom</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-slide-menu-di-blog.html'>Membuat Slide Menu di Blog</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-slide-show-tab-view.html'>Membuat Slide Show Tab View</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-snapshoot-link-webblog.html'>Membuat Snapshoot Link di Web/Blog</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-tabview-widget.html'>Membuat Tabview Widget</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-tombol-view-pop-up.html'>Membuat Tombol View Pop Up</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-widget-artikel-terbaru-recent.html'>Membuat Widget Artikel Terbaru ( Recent Post )</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-widget-artikel-terpopuler-top.html'>Membuat Widget Artikel Terpopuler ( Top Post )</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-widget-komentar-paling-banyak.html'>Membuat Widget Komentar Paling Banyak ( Top Comments )</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/membuat-widget-komentar-terbaru-recent.html'>Membuat Widget Komentar Terbaru ( Recent Comments )</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-widget-pop-up-windows-di-blog.html'>Membuat Widget Pop Up Windows di Blog</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-widget-tampak-menghilang-dan.html'>Membuat Widget Tampak Menghilang dan Muncul Kembali</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/membuat-widget-tampil-dengan-scroll.html'>Membuat Widget Tampil Dengan Scroll</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/menambah-emotion-pada-buku-tamu.html'>Menambah Emotion Pada Buku Tamu Shoutmix.com</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/menampilkan-beberapa-model-status.html'>Menampilkan Beberapa Model Status Online Yahoo Messenger</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/menampilkan-posting-secara-acak-random.html'>Menampilkan Posting secara Acak ( Random Post Widget )</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/mencegah-copy-paste-artikel-dengan.html'>Mencegah Copy Paste Dengan Menggunakan Copyscape</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/mengubah-setting-blog-nofollow-menjadi.html'>Mengubah Setting Blog Nofollow menjadi Dofollow</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/menyembunyikan-judul-dan-diskripsi-pada.html'>Menyembunyikan Judul dan Diskripsi pada Blog</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/merubah-dan-memodifikasi-tampilan.html'>Merubah dan Memodifikasi Tampilan Blockquote</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/modifikasi-tampilan-label-cloud-blogger.html'>Modifikasi Tampilan Label Cloud Blogger</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/modifikasi-tampilan-widget-mybloglog.html'>Modifikasi Tampilan Widget MyBlogLog Recent Readers</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/pasang-translate-di-blog.html'>Pasang Translate di Blog</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/pengertian-dari-nofollow-menjadi.html'>Pengertian dari Nofollow menjadi Dofollow</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/pengertian-paddingmargin-dan-border.html'>Pengertian Padding, Margin dan Border pada CSS</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/setting-navbar-blogspot.html'>Setting Navbar Blogspot</a></li>
<li><a href='http://www.seby-antoe.com/2009/09/tips-membuka-2-target-link-dalam-1-link.html'>Tips Membuka 2 Target Link Dalam 1 Link</a></li>
<li><a href='http://www.seby-antoe.com/2009/08/tool-buat-cek-posisi-web-blog-di-google.html'>Tool Buat Cek Posisi Web / Blog di GOOGLE</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/backlink-checker.html'>Tool Untuk Mengecek Backlink Blog/Web Anda</a></li>
<li><a href='http://www.seby-antoe.com/2009/07/tools-buat-tes-kecepatan-loading-web.html'>Tool Untuk mengecek Kecepatan Loading Blog/Web Anda</a></li>
<li><a href='http://www.seby-antoe.com/2008/12/page-rank-checker.html'>Tool Untuk Mengecek PageRank Blog/Web Anda</a></li>
</ul></div>
4. Klik Simpan dan selesai.
0 komentar:
Posting Komentar