Minggu, 13 Januari 2013
Scroll berfungsi untuk
menyederhanakan tampilan supaya lebih terlihat rapi dan menjadi tidak terlalu
luas. Untuk membuat scroll widget blogspot ada beberapa cara, tergantung
bagi anda ingin menggunakan cara mana yang paling simpel dan sederhana bagi
anda.
Disini saya akan menjabarkan 3 macam cara membuat scroll widget di
blogspot.
Yang menjadi code utama untuk membuat scroll ini adalah adanya code overflow.
Jadi jika anda menemukan kode seperti ini, maka ini akan membentuk sebuah
scroll. Kalau tidak percaya silahkan anda coba sendiri dengan menggunakan
notepad. Berikut cara membuat scroll widget yang saya maksudkan. >Cara Pertama
1. Buka Pengaturan blogspot anda, Design, Page Element. Silahkan anda tambahkan widget baru dengan klik add a gadget, lalu pilih add html/javascript
2. Berikan judul dan pada pada bagian content letakkan kode seperti ini
<div style="overflow:auto;
width:100%px; height:200px; padding:10px; border:1px solid #999999;">
.......
</div>
.......
</div>
3. Letakkan kode anda diantara kode
div diatas,
>Cara Kedua
1. Buka Pengaturan, Design, Edit Html. Lalu cari nama widget yang hendak anda jadikan scroll. Misalkan saja disini Archive blog, maka saya akan cari tulisan BlogArchive
2. Tambakahan kode CSS berikut ini diatas ]]></b:skin>
>Cara Kedua
1. Buka Pengaturan, Design, Edit Html. Lalu cari nama widget yang hendak anda jadikan scroll. Misalkan saja disini Archive blog, maka saya akan cari tulisan BlogArchive
2. Tambakahan kode CSS berikut ini diatas ]]></b:skin>
#BlogArchive
.widget-content{
height:200px;
width:auto;
overflow:auto;
}
height:200px;
width:auto;
overflow:auto;
}
3. Usahakan yang berwarna merah harus sama dengan nama widget yang hendak anda jadikan scroll
>Cara Ketiga
1. Pada Edit html template blogspot, silahkan anda cari widget yang hendak anda berikan scroll. Lalu pada bagian bawah dari kode widget tersebut cari kode div class='widget-content'
2. Tambahkan kode style='overflow:auto; height:230px' disamping kode div class='widget-content' Sehingga menjadi
<div class='widget-content'
style='overflow:auto; height:230px'>
Selesai... liat blog.....
SEKARANG.... TAHAP BERIKUTYA
Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang
menurut saya agak lumayan bikin pusing, maklumlah pemula,, heheheheee,,,,
Setelah berkali-kali mencoba merubah
kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan
blog saya, [sedikit pamer, heheheheee,,]
bagi sobat yang berminat untuk membuat
lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ]
silakan ikuti lankah-langkah berikut ini ya sobat:
1. Silahkan Login ke akun
blogger sobat.
2. Lalu masuk ke design Template, klik Edit HTML
3. Seperti Biasa Centang Expand Template Widget
2. Lalu masuk ke design Template, klik Edit HTML
3. Seperti Biasa Centang Expand Template Widget
4. Kemudian cari kode berikut </body>
5. Setelah ketemu silakan Sobat copy
dan letakkan kode di bawah ini tepat di atas kode </body>
<script type='text/javascript'>var tujuan
='http://Alamat Url Feeds Sobat'</script>
<script src='http://petir-project.googlecode.com/files/ktb4.js'
type='text/javascript'/>
6. Coba sobat pertinjau terlebih dahulu
(Sekiranya sudah yakin baru di save ya sob)
Keterangan:
- Kode warna hijau: ganti dengan URL Feeds sobat
- Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.
Share posting blog ini dari blogger indonesia........ Berbagi.
0 komentar:
Posting Komentar