Nulisku Desain Blog Cara Membuat Satu Kolom di Bawah Header – Tips SEO Design Blog

Cara Membuat Satu Kolom di Bawah Header – Tips SEO Design Blog

Cara membuat Satu Kolom di Bawah Header - Tips SEO Design Blog

Cara membuat Satu Kolom di Bawah Header atau di Atas Artikel Home Pages

Apabila sobat melihat SL Style Magz – template SEO killer terbaru 2016 tersebut, di atas artikel home pages akan terlihat featured post dengan konsep design elegan.

Pada dasarnya, dalam prosesnya, pembuatan featured post salah satunya menambahkan sebuah kolom baru di bawah header.

Untuk lebih jelasnya, silakan lakukan langkah di bawah ini.

Cara membuat Satu Kolom di Bawah Header

Caranya cukup mudah kok, yakni:
1. Buka akun blogger
2. Buka template > mode HTML
3. Copas kode di bawah ini dan letakkan di atas kode ]]></b:skin>

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

4. Copas kode di bawah ini dan letakkan tepat di bawah kode <div id=’header-wrapper’>

<div id=”satu_kolom”>
<b:section class=’header’ id=’satukolomajah’ preferred=’yes’/>
</div>

5. Secara lengkapnya seperti format penulisan 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><div id=”satu_kolom”>
<b:section class=’header’ id=’satukolomajah’ preferred=’yes’/>
</div>

6. Save template
7. Silakan cek dibagian tata letak. layout

Mudah bukan. Demikian tips SEO design blog kali ini, khususnya Cara membuat Satu Kolom di Bawah Header. Semoga bermanfaat. Salam.

3 Likes

Author: admin

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *