Cara menambahkan tombol tambahkan gadget pada tata letak

Cara menambahkan tombol tambahkan gadget pada tata letak - Tepatnya Jum'at, 21/8/2015, saya tidak sengaja menemukan cara untuk menambahakan tombol tambahkan gadget pada tata letak, entah dimbah google sudah ada atau belum cara ini, yang jelas cara ini sangatlah mudah dan sederhana. Awalnya sih saya hanya iseng-iseng mengedit template setelah dicek ternyata berhasilll.

Sebelumnya, taukah anda yang dimaksud tata letak itu apa ??

Tata letak merupakan sebuah layout atau bagian-bagian dari badan blogger seperti yang bisanya kita kenal yaitu Header, Main (Blog Posts), Sidebar dan Footer. Tata letak berfungsi untuk menambahkan , mengatur dan menghapus gadget (widget) pada blog. Dengan adanya tata letak kita menjadi lebih mudah, menjadi terbantu ketika kita ingin menambahkan sebuah gadget(widget), cukup kita masuk ke dalam tata letak, tidak perlu repot-repot masuk Edit Template (mengedit template). Bereskannn.

Yang saya contohkan "cara menambahkan sidebar pada blog"

Langsung saja simak caranya dibawah ini:

1. Masuk ke Edit Template, kemudian Cari body#layout .sidebar (tekan ctrl + f)

2. Tambahakan body#layout .sidebar-two disamping body#layout .sidebar

Contoh :
body#layout .sidebar, body#layout .sidebar-two {padding:0 0 0 0;}

3. Menambahakan CSS (agar tampilan lebih menarik) Copy dan pastekan diatas ]]></b:skin>

/* CSS Sidebar Wrapper */
#sidebar-wrapper {background:transparent;float:right;width:30%;margin:0 auto;}
.sidebar-inner {padding:15px 0;}
.sidebar h2, .tably h2, .sidebar-two h2{background:#fff;color:#46515e;font-family:'Oswald',sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;margin:0 0 10px 0;padding:10px 15px;position:relative;transition:all .5s ease-out;}
.sidebar h2:before, .sidebar-two h2:before {content:"";width:100%;height:2px;position:absolute;
background:#dadada;left:0;bottom:0;}
.sidebar h2:after, .sidebar-two h2:after {content:"";width:60px;height:2px;background:#f8716d;
position:absolute;left:0;bottom:0;transition: .3s ease-in-out;}
.sidebar h2:hover:after, .sidebar-two h2:hover:after {width:100%;}
.sidebar .widget, .sidebar-two .widget{background:#fff;margin:0 0 15px;border-bottom:2px solid #dadada;}
.sidebar ul, .sidebar ol, .sidebar-two ul, .sidebar-two ol {list-style-type:none;margin:0 0 0 0;padding:10px;padding-top:0;}
.sidebar li, .sidebar-two li {margin:5px 0;padding:0 0 0 0;}

Keterangan: Jika anda tidak menggunakan kode diatas, anda harus menambahkan .sidebar-two semua disamping sidebar (tekan ctrl+f) untuk mencari sidebar.

4. Tambahakan kode dibawah ini didalam <aside id='sidebar-wrapper'>

sehingga menjadi :

Keterangan: Terkadang setiap blog berbeda-beda, ada yang menggunakan
<aside id='sidebar-wrapper'> </aside> atau
<div class='sidebar-wrapper'> </div> jadi sesuaikan sendiri, Okayyy.

5. Terakhir Klik "Simpan"

Demikian tentang Cara menambahkan tombol tambahkan gadget pada tata letak yang bisa saya sajikan, apabila ada yang belum jelas bisa ditanyakan melalui kotak komentar. Semoga postingan ini bisa bermanfaat bagi anda