Pagi Sob Kali Ini Saya Akan Berbagi Pengetahuan Tentang Cara Membuat Widget Scroll Box Dengan Kode Script Anda Sendiri . Tujuan Dari Artikel Ini Adalah Untuk Menembuat Tampilan Blog Anda Sedikit Lebih Tertata Rapih Karena Dengan Adanya Scroll Box . Cara Ini Bisa Anda Gunakan Untuk Banyak Gadget Contohnya Anda Dapat Membuat Gadget Flag Counter Dengan Mengunakan Box Dengan Scroll , Dan Lain Lain . Dari Pada Binggung Dengan Penjelasan Saya Yang Ga Jelas Mending Langsung Aja Ke TKP :)
Ikuti Langkah-Langkah Berikut Jika Sobat Berminat :
- Login Akun Blogger Anda DISINI
- Pilih Menu Tata Letak --> Tambahkan Gadget --> Lalu Pilih HTML/JavaScript
- Kemudian Copy Kode Berikut Dan Paste Kan Di Dalam Kolom HTML Tersebut
<!--Start code scroll box by;"fianetmu.com"-->
<div style="background-color: blue; border-bottom: 3px solid #A71559; border-left: 20px solid #A71559; border-right: 3px solid #A71559; border-top: 3px solid #A71559; font: 12px Georgia,Garamond,Serif; height: 157px; overflow: auto; padding: 10px; width: 220px;">
<span style="color: white; font-style: italic;">
<a href="http://info.flagcounter.com/szUp"><img src="http://s08.flagcounter.com/count/szUp/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0" /></a>
</span></div>
<!--End code scroll box by;"fianetmu.com"-->
<div style="background-color: blue; border-bottom: 3px solid #A71559; border-left: 20px solid #A71559; border-right: 3px solid #A71559; border-top: 3px solid #A71559; font: 12px Georgia,Garamond,Serif; height: 157px; overflow: auto; padding: 10px; width: 220px;">
<span style="color: white; font-style: italic;">
<a href="http://info.flagcounter.com/szUp"><img src="http://s08.flagcounter.com/count/szUp/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0" /></a>
</span></div>
<!--End code scroll box by;"fianetmu.com"-->
- Simpan Dan Lihat Hasilnya
Keterangan :
- Kode Yang Bewarna Merah Adalah Isi Gadgetnya ( Bisa Di Ganti Sesuai Keinginan)
- Kode Yang Bewarna Biru Adalah Background Boxnya ( Bisa Di Ganti Dengan Warna Yg Lain Menggunakan BHS Inggris)
Oke Sekian Dulu Semoga Bermanfaat Buat Sobat Semua Dan Selamat Mencoba Ya :)
Jika Masih Binggung Silahkan Berkomentar Di Bawah Sini !

Posting Komentar