Widget HTML #1

Cara Termudah Menambah Widget Blog

Terkadang Kita  tidak puas dengan Template Blog yang kita pakai karena kurang menarik ketika menampilkan konten yang kita miliki. Sehingga menambah widget atau elemen baru suatu hal yang harus dilakukan tanpa harus googling mencari Template Blog yang sesuai. Tujuannya agar konten yang menjadi andalan blog dapat dengan mudah untuk ditampilkan. Dalam potingan kali ini akan diberikan langkah-langkah cara menambah elemen di bawah header dengan cara yang sangat mudah tanpa harus mengganti template blog. Jika berminat ikuti langkah-langkah di bawah ini :


Adapun langkah-langkahnya adalah :
Login ke Blog--->Tema---->Edit HTML


Setelah masuk ke halaman Edit HTML template Blog anda langkah selanjutnya cari kode ]]></b:skin> (untuk mempermudah mencari kode tersebut lakukan dengan cara Control+F lalu ketikan kode ]]></b:skin> 


Setelah ketemu Kode ]]></b:skin> kemudian paste kan kode di bawah ini diatas kode tersebut.

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

Setelah mempastekan kode di atas, masih dalam halaman Edit HTML cari kode yang mirip dengan kode 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>

Kemudian pastekan kode di bawah ini

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>

Terakhir Save Edit HTML dan liat hasilnya dengan cara masuk ke Tata letak blog.

Demikianlah tutorial ini semoga bermanfaat dan terimakasih sudah membaca Cara Termudah Menambah Widget Blog. Referensi bacaan  Jangan lupa kunjungi Klinik-it

Post a Comment for "Cara Termudah Menambah Widget Blog "

close