Cara Membuat Satu Kolom Widget Dibawah Postingan
Cara Membuat Satu Kolom Widget Dibawah Postingan sama halnya dengan membuat satu kolom diatas postingan, hanya beda tempat saja dan tentunya beda penempatan kode html. Membuat satu kolom widget dibawah postingan menurut saya lebih banyak keuntungannya jika meletakkannya tepat berada dibawah artike terkait artikel blog karena pada satu kolom tambahan tersebut bisa terpasang iklan (mis; AdSense) yang bisa 'menjebak' pengunjung blog untuk melakukan klik terhadap link iklan yang dikira link artikel blog, tentunya dengan sedikit trik agar mereka bisa mengklik secara valid! Membuat satu kolom widget dibawah postingan bisa anda buat dengan mengikuti beberapa cara sederhana berikut ini
Cara Membuat Satu Kolom Widget Dibawah Postingan
Berikut Cara Membuat Satu Kolom Widget Dibawah Postingan
Masuk ke akun blogger anda
Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
Cari kode berikut ini
#main-wrapper {float:left;margin-right:10px;overflow:hidden;width:507px;word-wrap:break-word;}
Letakkan kode berikut tepat dibawah kode no.3
#oneunderposting {background:#ffffff;width:100%;margin:0 0 0.5em;padding:0.5em;}
Atau jika anda tidak menemukan kode #main-wrapper karena perbedaan kode pada template, cari saja kode ]]></b:skin> dan letakkan kode #oneunderposting
{background:#ffffff;width:100%;margin:0 0 0.5em;padding:0.5em;} tepat berada diatas kode ]]></b:skin>
Selanjutnya cari kode berikut ini
Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda dan lihat hasilnya di Tata Letak
Penting: Setiap template memiliki kode-kode css atau id html yang berbeda jadi sesuaikan setiap kode yang anda miliki dengan setiap panduan yang anda dapatkan atau sesuaikan setiap kode panduan dengan kode yang ada ditemplate anda
Sekian, jika ada permasalahan dalam membuat satu kolom widget dibawah postingan, silahkan tinggalkan komentar anda untuk artikel ini, Cara Membuat Satu Kolom Widget Dibawah Postingan
Cara Membuat Satu Kolom Widget Dibawah Postingan sama halnya dengan membuat satu kolom diatas postingan, hanya beda tempat saja dan tentunya beda penempatan kode html. Membuat satu kolom widget dibawah postingan menurut saya lebih banyak keuntungannya jika meletakkannya tepat berada dibawah artike terkait artikel blog karena pada satu kolom tambahan tersebut bisa terpasang iklan (mis; AdSense) yang bisa 'menjebak' pengunjung blog untuk melakukan klik terhadap link iklan yang dikira link artikel blog, tentunya dengan sedikit trik agar mereka bisa mengklik secara valid! Membuat satu kolom widget dibawah postingan bisa anda buat dengan mengikuti beberapa cara sederhana berikut ini
Cara Membuat Satu Kolom Widget Dibawah Postingan
Berikut Cara Membuat Satu Kolom Widget Dibawah Postingan
Masuk ke akun blogger anda
Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
Cari kode berikut ini
#main-wrapper {float:left;margin-right:10px;overflow:hidden;width:507px;word-wrap:break-word;}
Letakkan kode berikut tepat dibawah kode no.3
#oneunderposting {background:#ffffff;width:100%;margin:0 0 0.5em;padding:0.5em;}
Atau jika anda tidak menemukan kode #main-wrapper karena perbedaan kode pada template, cari saja kode ]]></b:skin> dan letakkan kode #oneunderposting
{background:#ffffff;width:100%;margin:0 0 0.5em;padding:0.5em;} tepat berada diatas kode ]]></b:skin>
Selanjutnya cari kode berikut 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>
Letakkan kode berikut sebelum kode penutup pada no.5
<b:section class='main' id='oneunderposting' showaddelement='yes'/>
Sehingga hasilnya akan terlihat seperti berikut 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='oneunderposting' showaddelement='yes'/>
</div>
Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda dan lihat hasilnya di Tata Letak
Penting: Setiap template memiliki kode-kode css atau id html yang berbeda jadi sesuaikan setiap kode yang anda miliki dengan setiap panduan yang anda dapatkan atau sesuaikan setiap kode panduan dengan kode yang ada ditemplate anda
Sekian, jika ada permasalahan dalam membuat satu kolom widget dibawah postingan, silahkan tinggalkan komentar anda untuk artikel ini, Cara Membuat Satu Kolom Widget Dibawah Postingan
Artikel Terkait
Cara Merubah Tampilan Homepage Static Menjadi Grid Pada Blog
tags: cara merubah tampilan home menjadi 4 kolom, cara merubah tampilan home menjadi 3 kolom, cara merubah kotak posti
Cara membuat Copyrigh tulisan difooter blogspot
Tulisan copyright terletak dibagian bawah/footer blog, ini berfungsi untuk memberikan informasi kepada pengunjung blog- CARA MEMBUAT IMAGE PADA BLOG BISA RESPONSIVE OTOMATIS
Css Gambar Responsive , Untuk Membuat Gambar di Blog Menjadi Responsive - Ada banyak cara yang dilakukan untuk membuat
POPULAR POST DAN LABEL KEREN BUAT BLOGSPOT
.label-size a {text-transform: uppercase;float: left;text-decoration: none;margin: 2px 3px 6px 0;padding: 3px;bo
CARA PASANG IKLAN RESPONSIVE MELAYANG DIATAS FOOTER
Salah satu kelebihan pemilik blog, terlebih jika blognya ramai pengunjung adalah dia bisa memasang iklan di dalamnya.- MENGENAL KODE CSS text-decoration
CSS text-decoration
Sesuai dengan namanya, property text-decoration digunakan untuk mempercantik text halaman HTML k
TIPS Membuat Satu Kolom Widget Dibawah Postingan
4/
5
Oleh
hudacell
