Create 2 New Elements Under the Posting Blog: New Blogger Templates
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-siv0Yl3D0q-N8vm6XVwi-bm4gswbEl67CFZXb2B3KjIbdi4agDQhL-YP2xuBV23EiEzMAIJMmm-_SsNltJyyclTEYgchG4cruvDaA4gHe9yGr4Z367aCkuTjRbWEgyDvmyEyiBjnpjM/s400/Gambar2Elemen.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhupgrNbukA3Jcpl3SpfBSQY3wmhisdqBqNWaH_zxkkAmOGa6lwcL8LB4hH2ibH7uzpiH5FyUUcPQg-Pm5lkkOlZXH9p64WciBMCVMOXQ7xbPb74uSnfIxTlLY2w5nNT7YVNzfvhVQf1B4/s320/2ElemenBwhPosting.jpg)
Cara Membuat Element Baru di bawah Posting di New Blogger Template
- Login to Blogger
- Dasboard
- Design/Rancangan
- Edit HTML
- Back-up Templates (lihat caranya di Special Tutorials - menu sebelah kiri atas).
- Cari Kode (find CSS Code) ]]></b:skin>.
- Letakkan Kode CSS di atas ]]></b:skin>.
- Cari kode:
- Letakkan xHTML berikut tepat di bawahnya.
- KLIK SAVE Templates/Simpan Templates.
- Periksa hasilnya di Page Elements/Elemen Laman di bawah "Posting Blog".
- Apabila Elemen baru sudah terlihat, coba isi dengan widget. Sampeyan bisa menggeser widget yang sudah ada di sidebar seperti widget profile, stats, label, arsip atau yang lain (dengan cara di "drag") untuk melakukan percobaan hingga hasil fungsi elemen baru bisa dilihat di halaman blog. Setelah "drag widget dari sidebar" KLIK"SAVE", kemudian buka blog.
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
<div id='bottompostLEFT'>
<b:section class='bottompostleft' id='bottompostleft' showaddelement='yes'/>
</div>
<div id='bottompostRIGHT'>
<b:section class='bottompostright' id='bottompostright' showaddelement='yes'/>
</div>
<b:section class='bottompostleft' id='bottompostleft' showaddelement='yes'/>
</div>
<div id='bottompostRIGHT'>
<b:section class='bottompostright' id='bottompostright' showaddelement='yes'/>
</div>
Kode CSS
#bottompostLEFT { float: left; overflow: hidden; width: 200px; margin: 20px 0 10px 0; padding: 0; } #bottompostRIGHT { float: right; overflow: hidden; width: 200px; margin: 20px 0 10px 0; padding: 0; } .bottompostleft .widget, .bottompostright .widget { border-bottom: 2px solid #666; padding-bottom: 10px; margin: 10px 0; } .bottompostleft .widget a:link, .bottompostright .widget a:link { color: $(widget.link.color); text-decoration: none; } .bottompostleft .widget a:visited, .bottompostright .widget a:visited { color: $(widget.link.visited.color); } .bottompostleft .widget a:hover, .bottompostright .widget a:hover { color: $(widget.link.color); text-decoration: underline; }
Catatan/Keterangan:
- Untuk mencari kode <b:section class='main' .... dst, cari sebagian kode terlebih dahulu agar lebih mudah. Contoh cari yang ini terlebih dahulu.
<b:section class='main' id='main' showaddelement='no'> - Gunakan Ctrl+F untuk mencari kode. Sampeyan bisa membuka tutorial Cara Cepat Cari Kode di Template dengan membukaSpecial Tutorials.
- Untuk memudahkan pembuatan elemen baru ini sebaiknya gunakan width/lebar dari ukuran yang agak kecil terlebih dahulu, baru selanjutnya semakin diperlebar hingga diperoleh ukuran yang paling tepat. Sampeyan bisa memperkirakan ukuran dua elemen baru yang dibuat dengan melihat dan membandingkan dengan lebar halaman posting.
- Setiap perubahan pada width elemen baru, periksa hasilnya dengan membuka blog.
- Akan lebih baik buat percobaan terlebih dahulu di blog khusus nyoba desain baru. Buatlah sebuah blog khusus percobaan!
0 Response to "Create 2 New Elements Under the Posting Blog: New Blogger Templates"
Posting Komentar