Rasanya template default blogger kurang sempurna kalau tidak diutak-atik. Termasuk saya yang sering membongkar pasang template ini. Menambah elemen di bawah posting update, maksudnya apa bang? Koq ada update segala. Oke, silahkan baca dulu posting saya menambah elemen di atas bawah posting. Nanti anda akan menemukan perbedaannya di mana. Langsung saja bermain dengan desain template. Masih berhubungan dengan kode-kode CSS sederhana. Sebagai catatan, saya adalah pencinta template Minima White template default blogger. Semua tutorial blog yang ada di sini sudah saya uji terlebih dahulu. Kemungkinan akan terjadi sedikit perbedaan pada template, namun pada dasarnya mirip-mirip koq.
Menambah elemen di bawah posting
Untuk membuktikannya, silahkan masuk ke Tata Letak lalu klik Elemen Halaman. Maka di sana sudah ditambahkan elemen baru yang berada di bawah post area. Pada #mainbottom, silahkan ganti nilai border dan background color sesuai desain template blog anda. Mudah-mudahan semuanya bisa, selamat mencoba.
Menambah elemen di bawah posting
- Login ke blogger dengan id anda
- Tuju menu Tata Letak
- Pada tab menu, klik Edit HTML
- Backup template anda, klik Download Template Lengkap
- Sekarang cari kode ini :
#main-wrapper {
width: 410px;
float:$startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
} - Tambahkan kode berikut di bawah kode tadi
#mainbottom {
Sehingga secara lengkap kodenya seperti ini :
background:#ffffff;
border:1px solid #0B610B;
margin:0 0 0.5em;
padding:0.5em;
}#main-wrapper {
width: 410px;
float:$startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#mainbottom {
background:#ffffff;
border:1px solid #0B610B;
margin:0 0 0.5em;
padding:0.5em;
} - Sekarang kita membuat id untuk mainbottom tersebut. Cari kode 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> - Sisipkan kode berikut di bawah </b:section> :
<b:section class='main' id='mainbottom' showaddelement='yes'/>
Sehingga secara lengkap kodenya menjadi seperti 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>
<b:section class='main' id='mainbottom' showaddelement='yes'/>
</div> - Sekarang klik tombol SIMPAN TEMPLATE
- Selesai
Untuk membuktikannya, silahkan masuk ke Tata Letak lalu klik Elemen Halaman. Maka di sana sudah ditambahkan elemen baru yang berada di bawah post area. Pada #mainbottom, silahkan ganti nilai border dan background color sesuai desain template blog anda. Mudah-mudahan semuanya bisa, selamat mencoba.
Related Post:
or 
or
15 comment:
berhasil mas,makasih ya
pAda opsi yang ke 8 kOk gak kenak yaa brooo""
ikutan baca baca ya mas, semoga bermanfaat buat saya. thx
bang del makasih bgt ya kalo..gini kan enak lo mau nambah elemen halaman.thanks banget bang
hmm. . . .
mas, itu berlaku buat semua template gak?
Trims Bang, you're my inspiration....
makasih banget ya mas atas informasinya
makasih infonya mas... sangat berguna
makasih infonya mas... sangat berguna
wah, kalo buat wp gimana ya...
thanks ya mas infonya bagus
Super artikel masbro
Thank'sbeurat deh pokonya
alhamdulillaah.... makasih
teri,ma kasih
Post a Comment