Menambah Element Laman ( Page Element )

Ok deh kita mulai tutorial pertama, seperti judul diatas pembahasan kali ini adalah menambah elemen laman atau page element.buat para blogger theme atau template bukan hanya sekedar skin atau pemanis.tapi ada sisi kreatifitas yg bisa kita tuangkan di sana.Buat para webmaster mungkin hal ini gampang saja.Tanpa perlu nyontek website orang asal dia punya konsep tinggal script.jadi deh.

Namun untuk para blogger pemula (seperti saya ^_^) yang bisa di lakukan adalah mencari free template yang bagus,sesuai selera dan donlot (jadi deh).lalu bagaimana bila elemen lamannya ingin kita tambah?

Kita bahas sekarang...

TIPS 1

1. login ke bloger dengan ID kamu

2. klik tab rancangan

3. klik elemen laman

biasanya kurang lebih seperti ini tampilannya.tergantung dari template yg anda pake.sekarang kita akan buat kolom baru di bawah header..

4. klik edit HTML

note: sebelum lanjut disarankan anda untuk membackup dulu template anda.caranya cukup dengan klik tombol download template lengkap.untuk mengembalikannya tinggal klik tombol browse lalu lokasikan pada file backup anda.dan unggah

5. copy code di bawah ini tepat sebelum code ]]></b:skin>

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

(note: untuk mencarinya anda hanya tinggal pijit ctrl F)

6.Lalu anda cari code seperti 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>

7. Setelah menemukannya anda copy code di bawah ini tepat dibawahnya

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

8. lalu save template anda.

9.sekarag kita masuk lagi tab elemen laman

struktur layoutnya biasanya seperti itu.

yihaa..anda sudah berhasil...

TIPS 2

Masuk ke tab edit html

cari code seperti di bawah ini :

div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>

ganti dgn ini :

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’3′ showaddelement=’yes’>

itu akan menambah 2 elemen laman header...kamu bisa menambahnya terserah.

tepat setelah baris ini :

<div id=’main-wrapper’>
<b:section class=’main’ id=’main’ showaddelement=’no’>

ganti dengan ini :

<div id=’main-wrapper’>
<b:section class=’main’ id=’main’ showaddelement=’yes’>

Sekarang kamu akan dapat menambah elemen laman setelah atau sebelum posting blog

Dibeberapa template ada yang di tulis dengan header-wrapper’ ,‘header-wrap’ or ‘header’..tapi pointnya itu sama aja.anda hanya perlu mencari showaddelement untuk opsinya.

Kami menyadari bahwa dalam beberapa template seperti Template Dots , tidak ada terpisah header di atas. Sebaliknya, header yang terkandung dalam sidebar kiri dan posting utama muncul di sebelah kanan. Ini adalah layout template dan mungkin alasan anda memilih  desain ini. Pada template tersebut, Anda dapat Tambahkan Elemen laman / page element ke 'main-wrapper' tetapi tidak pada sebagai Header. Namun demikian, Anda masih dapat melihat pada pedoman di bawah ini untuk menambah elemen laman bagian dari template‘crosscol-wrapper’. Ini akan memberikan anda pilihan untuk menambah element laman yang tepat di atas kedua sidebar dan posting utama. Anda dapat upload gambar, masukkan kode script AdSense, teks atau lainnya ke dalam bagian ini.

Untuk melakukannya cari kode di bawah ini :

<div id=’content-wrapper’>
<div id=’crosscol-wrapper’ style=’text-align:center’>
<b:section class=’crosscol’ id=’crosscol’ showaddelement=’yes’/>
</div>

Ini biasanya terlihat dari template template baru. Jika kamu tidak melihat ini di template kamu, ketika kamu masuk elemen laman, kamu akan melihat kolom tambah widget  di antara Blog Header dan Blog Post dimana kamu bisa menambahkan elemen laman / Page Element

(dari berbagai sumber)