Wednesday, December 26, 2012

Membuat 2 Kolom Elemen Baru Dibawah Postingan

Hilmawan's Weblog - Selamat pagi sobat. Buat tutorial blog yang akan aku sampaikan kali ini, kita akan belajar bagaimana cara menambahkan 2 elemen baru pada bagian bawah postingan. Nah, elemen baru yang ada dibawah postingan ini dapat kamu isi dengan gadget yang sobat ingin pasang. Selain untuk memperapi blog kita, juga kan bisa membuatnya tambah elegan kan dengan adanya elemen-elemen baru, ya salah satunya dibawah postingan ini..hehe. Ok deh, langsung saja tutorialnya

2 elemen dibawah postingan

Tutorial :
1. Masuk ke akun blogger sobat
2. Pilih Template - Edit HTML
3. Sekarang sobat cari kode ]]></b:skin> (gunakan Ctrl + F untuk mempercepat pencarian), setelah ketemu letakkan kode dibawah ini tepat diatas kode tadi
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 0px;
}
4. Kemudian cari kode 
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
,dan taruh kede berikut ini tepat dibawahnya

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='footer-column-divide'>

<div id='footer1' style='width: 49%; float:left; margin-bottom:10px; text-align:justify;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 49%; float: right; margin-left:5px; text-align: justify;margin-bottom:10px;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>
</b:if>
KETERANGAN : 2 Kolom elemen ini hanya akan tampil di homepage saja, bila sobat ingin membuatnya tampil terus, maka hapus saja kode yang saya blog dengan warna merah

5. Simpan Template
selesai deh, sekarang lihat lah pada halaman Tata Letak sobat, dan lihat apakah 2 kolom elemen baru itu sudah muncul atau belum, yang pastinya sudah :D    

No comments:

Post a Comment