Cara membuat footer style ide blogspot v1

Cara membuat footer style ide blogspot v1, Cara membuat footer style ide blogspot v1 ini merupakan suatu desain footer template blogspot, thread kali ini terinspirasi dari seorang sahabat saya yang berminat untuk mendesain footer halaman blogspotnya setelah melihat template template dari Ide Blogspot memiliki desain footer yang meungkin menarik buat beliau, sehingga saya berencana untuk memposting tutorial ini untuk umum agar berkesan saling membagi. Untuk melihat tampilan dan link sumber artikelnya silahkan lihat demo dibawah ini

Demo dari tutorial Cara membuat footer style ide blogspot v1kali ini telah terpasang pada salah satu template Ide Blogspotyang akan dipublish untuk kedepannya, silahkan klik demo, pada bagian Template PARBADA silahkan lihat bagian footer halaman templatePARBADA tersebut. Demo

Tutorial cara pemasangan

Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code

Code:

]]></b:skin>

ataupun code

Code:

<style>

pada template blogspot anda.
Kemudian Cari code yang bersangkutan dengan code CSS " Footer " kemudian hapus sampai semua code CSS Footer yang lama benar benar tidak ada lagi.
Perlu anda pahami bahwa tutorial ini mengganti semua element ataupun tampilan footer blogspot anda, jadi hal pertama yang anda lakukan adalah menghapus semua code yang bersangkutan dengan footer blog anda sebab kita akan mengganti dengan style footer yang baru yaitu footer style ide blogspot v1
Setelah semua code CSS yang bersangkutan dengan footer template anda terhapus kemudian copy code CSS footer style ide blogspot v1 dibawah ini lalu pastekan sebelum code

Code:

]]></b:skin>

ataupun code kemudiansave template anda.

Setelah anda memasang CSS footer style ide blogspot v1 ini pada template anda, saatnya kita menampilkan kolom layout footer style ide blogspot v1 ini dengan menggunakan kode html dibawah. Untuk memasang code html footer style ide blogspot v1 ini anda juga perlu menghapus semua code html yang bersangkutan dengan code html Footer template anda. Hapus semua code footer template anda mulai dari code footer tag pembuka seperti contoh code

Code:

<div id='footer-wrapper'>

s/d

Code:

</div>

code footer tag penutup template anda. Mungkin dibeberapa code template credit link template tidak satu element dengan footer template, jadi untuk sementara silahkan hapus juga semua code credit linknya sebab kita sudah menyertakan code credit linknya yang nantinya akan anda rubah linknya sehingga seperti semula. Setelah semua code html footer template blog anda sudah bersih atau dihapus, silahkan copy code tag html footer style ide blogspot v1 dibawah ini dan pastekan kembali ketempat semula code footer template blogspot anda yang telah anda hapus sebelumnya. Save template anda, kemudian lihat hasilnya pada bagian " Tata Letak " dasbord template anda.

Untuk menjaga hal hal yang tidak diinginkan atau kesalahan pemasangan silahkan download dulu template anda agar lebih memastikan keselamatan template anda bila mana terjadi kesalahan.

footer style ide blogspot v1 ini dapat digunakan disemua ukuran lebar halaman blog sebab memakai sistem % dalam penghitungan lebar widgetnya, jadi bilamana ukuran lebar halaman blogspot anda kecil maka secara otomatis ukuran lebar widget footernya juga akan kecil, silahkan edit ukuran lebar dari widgetnya sesuai dengan kebutuhan template anda.
Silahkan anda edit CSSnya sesuai dengan kebutuhan anda.
Pada bagian widget HTMLnya, contoh HTML99 bila ditemplate anda sudah ada sebelumnya code HTML99 maka silahkan ganti code HTML footernya misalkan HTML98.
Silahkan anda lebih kreatif lagi untuk mengembangkan desain footer style ide blogspot v1 ini agar lebih bagus lagi..

Bila anda membutuhkan code dari setiap isi widget seperti pada halaman demo tersebut silahkan kunjungi halaman sumbernya untuk menagmbil codenya silahkan kunjungi Halaman Sumber