Cara Modifikasi Header Blogspot Dengan Dua Kolom sidebar Bagi Pemula

Cara Modifikasi Header Blogspot Dengan Dua Kolom sidebar Bagi Pemula

Bismillahirrahmaanirrahiim.

Bulang, 16 Maret 2013. Syukur alhamdulillah setelah kita belajar sedikit tentang cara modifikasi header dengan gambar sendiri, Masih berkaitan dengan modifikasi header, kini kita akan mulai belajar lagi tentang cara modifikasi header blogspot dengan dua kolom sidebar.

Memang capek bila terus terpaku untuk selalu memperindah tampilan blogspot kita?.... Tapi semua itu pasti bisa teratasi dengan adanya kemauan yang kuat. Jangan menyerah dulu. Ok. Kita langsung fokus saja pada pembahasan!!!

Perhatikan gambar di bawah ini :

Cara Modifikasi Header Blogspot Dengan Dua Kolom

Langkahnya sebagai berikut :
>>> Masuk dashbor blogspot ===> template
>>> Centang pada tulisan Expand Template Widget
>>> Cari kode ]]></b:skin> ( tekan Ctrl + F pada keyboard untuk memudahkan pencarian )
Jika sudah ketemu tambahkan kode berikut :

#satu_kolom{ margin:10px 0; padding:1%; width:98%; }

Dan taruh di atas kode ]]></b:skin>

>>> Selanjutnya cari kode seperti di bawah ini :

<div id='header-wrapper'> <b:section class='header' id='header' maxwidget="1" showaddelement="no"> <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/> </b:section> </div>

Jika sudah ketemu, letakkan di bawahnya kode berikut ini :

<div id="satu_kolom"> <b:section class='header' id='satukolomajah' preferred='yes'/> </div>
Perlu di ketahui bahwa setiap template tidak selau sama, silahkan kalian bereksplorasi sendiri.

>>>Jika sudah, pratinju dulu untuk antisipasi terjadinya kegagalan.
>>>Jika tidak ada masalah silahkan tekan simpan template

Cara Modifikasi Header Blogspot Dengan Dua Kolom sidebar Bagi Pemula

Sekian tutorial kali ini semoga bermanfaat!!!