Wednesday 5 May 2010

Membuat Halaman Posting Berada Ditengah Sidebar Pada Template 3 Kolom

Halo sob, kali ini saya akan postingkan cara Membuat Halaman Posting Berada Ditengah Sidebar Pada Template 3 Kolom, saya posting karena ada sobat blogger yang bertanya pada saya. Langsung saja saya beritahu caranya. Begini ya:

  1. Login ke akun Blogspot pembaca 
  2. Klik link menu Tata Letak, kemudian pilih Edit HTML
  3. Back up terlebih dahulu template pembaca dengan mengklik link Download Template Lengkap agar jika terjadi kesalahan saat mengedit, pembaca bisa mengembalikannya dengan menguploadnya kembali. 
  4. Tidak Perlu memberi tanda centang pada kotak kecil disamping tulisan Expand Template Widget
  5. Cari  kode ini <div id='main-wrapper'>
  6. maka kodenya sampai kebawah adalah misal:
<div class='middlecol'>
        <b:section class='middlecol' id='middlecol' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

      </div>
 ATAU
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='middlecol'>
  <b:section class='middlecol' id='middlecol' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Buku Tamu' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Link Sahabat' type='HTML'/>
<b:widget id='Subscribe1' locked='false' title='Berlangganan' type='Subscribe'/>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
</b:section>
      </div></b:if>
 Bila Telah bertemu kude diatas, silahkan di "cut" setelah itu temukan kode seperti dibawah:
<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>
Kemudiaan paste di atas kode tersebut:
Contoh:
 <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>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='middlecol'>
  <b:section class='middlecol' id='middlecol' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Buku Tamu' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Link Sahabat' type='HTML'/>
<b:widget id='Subscribe1' locked='false' title='Berlangganan' type='Subscribe'/>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
</b:section>
      </div></b:if>
MENJADI
 <b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='middlecol'>
  <b:section class='middlecol' id='middlecol' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Buku Tamu' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Link Sahabat' type='HTML'/>
<b:widget id='Subscribe1' locked='false' title='Berlangganan' type='Subscribe'/>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
</b:section>
      </div></b:if> 

 <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>
 Perhatikan pada bagian kode yang saya beri warna merah, kode tersebut bisa anda hilangkan bila anda ingin sidebar tidak hilang ketika di halaman postingan, akan tetapi selanjutnya anda harus menyesuaikan widht postnya, sehingga sesuai dengan seharusnya. Sedangkan yang saya beri warna orange adalah untuk mempermudah anda memahami awal dan akhir kode tersebut.

 Terimakasih telah membaca, Semoga Bermanfaat!!
Baca Artikel Kontes SEO dibawah ya!!
Indonesia Furniture Handicraft Wholesale Marketplace

nurad1k.blogspot.com

5 comments:

  1. makasih mas tutorialnya. udah saya praktekin pada blog saya. berhasil dengan baik walau harus sedikit seting sana sini.

    ReplyDelete
  2. sama2, terimakasih juga dah mau berkunjung.

    ReplyDelete
  3. thanks sob, ane coba dulu ya, jgn lupa mampir

    ReplyDelete