Footer style ide blogspot v1 - footer style ide blogspot v1 merupakan desain footer dari Ide Blogspot untuk platform Blogspot. Tutorial cara membuat footer style ide blogspot v1 akan saya bahas dalam postingan kali ini. Untuk melihat bagaimana tampilan footer style ide blogspot v1 ini silahkan klik demo dibawah kemudian pada halaman blog PARBADA ( halaman demo ) silahkan lihat bagian footernya, nah bila anda tertarik silahkan simak tutorial dibawah ini...
Demo
Install code footer style ide blogspot v1
Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin> ataupun 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 ]]></b:skin> ataupun code </style> 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 <div id='footer-wrapper'> s/d </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.
<div id='footer-wrapper'> <!-- footer style ide blogspot v1 start --> <div class='bagian'> <div class='idekiri'> <!-- footer kiri ide Blogspot --> <b:section class='footer' id='footer-kiri' showaddelement='yes'> <b:widget id='HTML55' locked='false' title='foter kiri' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h3><data:title/></h3> </b:if> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> </div> <div class='idekanan'> <!-- footer kanan ide Blogspot --> <b:section class='footer' id='footer-kanan' showaddelement='yes'> <b:widget id='HTML66' locked='false' title='footer kanan' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h3><data:title/></h3> </b:if> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> </div> </div><div style='clear:both'/> <div class='ide-blogspot'> <!-- footer 1 ide Blogspot --> <b:section class='footer' id='footer1' showaddelement='yes'> <b:widget id='HTML77' locked='false' title='footer 01' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h3><data:title/></h3> </b:if> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> <!-- footer 2 ide Blogspot --> <b:section class='footer' id='footer2' showaddelement='yes'> <b:widget id='HTML88' locked='false' title='footer 02' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h3><data:title/></h3> </b:if> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> <!-- footer 3 ide Blogspot --> <b:section class='footer' id='footer3' showaddelement='yes'> <b:widget id='HTML99' locked='false' title='footer 03' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h3><data:title/></h3> </b:if> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> </div><div style='clear:both'/> <!-- Footer Credit Link ide blogspot --> <div class='credit-link'> Copyright © 2014 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' rel='nofollow'><data:blog.title/></a> | Template by : <a href='http://www.ideblogspot.com' target='_blank' title='Template Owner'> Rivai Silaban </a> </div><!-- footer style ide blogspot v1 start --> </div><div style='clear:both;'/>
Untuk mendapatkan code isi dari widget footer style ide blogspot v1 dan informasi pemasangan widgetnya silahkan kunjungi link halaman dibawah ini.. Sumber : http://www.ideblogspot.com/2014/03/footer-style-ide-blogspot-v1.html
