memindahkan posisi sidebar

 Tidak semua template sempurna.kadangkala ada bagian yang harus kita rubah baik itu dalam skala kecil maupun mengubah secara total seperti halnya posisi sidebar,misalkan kita sudah menemukan template yang sesuai dengan blog kita hanya saja ada satu sidebar yang tidak kita inginkan berada di sana tetapi mungkin di kiri  atau di kanan.alternatif nya adalah dengan memindahkan sidebar tersebut.apa bisa??tentu bisa caranya tidak terlalu sulit jika anda ingin memindah posisi sidebar tersebut, maka silakan ikuti langkah-langkah berikut ini.

I. Memindah letak sidebar ke sebelah kiri kolom posting

Jika sidebar blog Anda berada di sebelah kanan kolom posting dan ingin memindahkannya ke sebelah kiri, maka gunakan cara berikut ini:

Langkah-langkah :
1. Log in ke akun blogger.

2. Setelah masuk ke akun blogger, kemudian klik menu "Rancangan" atau "Design"

3. Klik "Edit HTML" untuk masuk ke halaman pengeditan kode template.

4. Centang kotak kecil yang berada di sebelah kiri kalimat "Expand template widget" kemudian back up (copy paste) seluruh kode template di notepad. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan kode template.

5. Temukan kode body sidebar yang terletak di text-area kode html blog. Kodenya adalah sebagai berikut (jika tidak ditemukan, silakan cari yang paling mirip dengan kode berikut):

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
</div>

6. Jika sudah ketemu, silakan block semua kode tersebut kemudian di 'Cut' atau 'Potong'.
Caranya adalah dengan meletakkan kursor mouse tepat sebelum kode <div id='sidebar-wrapper'>, klik kiri dan tahan klik tersebut, tarik kursor sampai tepat
setelah kode </div>. Setelah semua di-block, letakkan kursor mouse pada area yang di block, lalu klik kanan. Setelah itu akan muncul kotak menu, letakkan kursor pada
tulisan 'Cut' kemudian klik kiri. Maka kode yang ada block-nya akan hilang terpotong.
7. Paste kode tadi tepat diatas kode berikut ini atau yang mirip dengan kode berikut ini:

<div id='main-wrapper'>

8. Klik "Pratinjau" atau "Preview" untuk melihat hasilnya.

9. Simpan dan selesai.






Jika sidebar blog Anda berada di sebelah kiri kolom posting dan ingin memindahkannya ke sebelah kanan, maka gunakan cara berikut ini:





II. Memindah letak sidebar ke sebelah kanan kolom posting.

Jika sidebar blog Anda berada di sebelah kiri kolom posting dan ingin memindahkannya ke sebelah kanan, maka gunakan cara berikut ini:

Langkah-langkah :
1. Log in ke akun blogger.

2. Setelah masuk ke akun blogger, kemudian klik menu "Tata Letak" atau 'Lay out"

3. Klik "Edit HTML" untuk masuk ke halaman pengeditan kode template (setelah back-up selesai).

4. Centang kotak yang berada di sebelah kiri kalimat "Expand template widget" kemudian back up (copy paste) seluruh kode template di notepad. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan kode template.

5. Temukan kode body sidebar yang terletak di text-area kode html blog. Kodenya adalah sebagai berikut (jika tidak ketemu, silakan cari yang paling mirip dengan kode berikut):

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
</div>

6. Jika sudah ketemu, silakan block semua kode tersebut kemudian di 'Cut' atau 'Potong'.
Caranya adalah dengan meletakkan kursor mouse tepat sebelum kode <div id='sidebar-wrapper'>, klik kiri dan tahan klik tersebut, tarik kursor sampai tepat
setelah kode </div>. Setelah semua di-block, letakkan kursor mouse pada area yang di block, lalu klik kanan. Setelah itu akan muncul kotak menu, letakkan kursor pada
tulisan 'Cut' kemudian klik kiri. Maka kode yang ada block-nya akan hilang terpotong.
7. Paste kode tadi tepat dibawah kode </div> pada kode berikut ini atau pada kode yang mirip dengan kode berikut ini:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>


8. Klik "Pratinjau" atau "Preview" untuk melihat hasilnya.

9. Simpan dan selesai.

Silakan disampaikan seandainya ada yang kurang jelas.
Terima kasih...

Semoga bermanfaat...


Sobat perlu baca yang ini juga:

0 komentar:

Posting Komentar

silahkan tinggalkan pesan !!!