Cara Membuat Satu Kolom Widget Diatas Postingan adalah kita akan menambahkan beberapa kolom yang lebarnya sejajar dengan kolom postingan atau artikel blog. Kita tidak hanya bisa membuat satu kolom widget diatas postingan saja tapi selama lebar postingan blog anda mencukupi untuk dipasang kolom, maka anda bisa membuatnya lebih dari satu kolom widget. Dua kolom widget, tiga kolom widget bahkan penempatannya tidak hanya bisa dipasang diatas postingan saja, dibawah area tersebut juga bisa ditambahkan beberapa kolom. Dan pada artikel ini, kita akan membahas cara membuat satu kolom widget diatas postingan
Berikut Cara Membuat Satu Kolom Widget Diatas Postingan
Berikut Cara Membuat Satu Kolom Widget Diatas Postingan
- Masuk ke akun blogger anda
- Klik menu Template >> Edit Html >> tekan
style="color: orange;">Ctrl+F pada keyboard anda
Cari kode ]]></b:skin>
Letakkan kode berikut diatas kode ]]></b:skin>
.upperposting{width: 100%;padding:10px 0px 10px 10px;background:#fff;margin:0px 0px 10px 0px;text-align:left;}
.upperposting .widget{}
Cari kode <div id='main-wrapper'>
Letakkan kode berikut ini tepat dibawah kode <div id='main-wrapper'>
<b:section class='upperposting' id='upperposting' preferred='yes'/>
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
Selanjutnya jika ada permasalahan dalam mengikuti panduan ini, silahkan tinggalkan komentar untuk artikel ini, Cara Membuat Satu Kolom Widget Diatas Postingan
.upperposting{width: 100%;padding:10px 0px 10px 10px;background:#fff;margin:0px 0px 10px 0px;text-align:left;}
.upperposting .widget{}
<b:section class='upperposting' id='upperposting' preferred='yes'/>
Selanjutnya jika ada permasalahan dalam mengikuti panduan ini, silahkan tinggalkan komentar untuk artikel ini, Cara Membuat Satu Kolom Widget Diatas Postingan
makasih..
BalasHapushttp://krisna18.blogspot.com
agak sedikit membingungkan kalau berkaitan dgn script html di template, soalnya script nya bnyak sekali dan harus di cari hmmmm :)
BalasHapus@Wahyu Eka Prasetiyarini ya seperti itulah mabk Wahyu, tapi kalau dipelajari lebih akan memberikan kesenangan :)
BalasHapusblogwalking,jangan lupa mampir: http://kink-exclusive.blogspot.com/
BalasHapusTerima Kasih gan, atas tipsnya
BalasHapusartikelnya okkey
BalasHapussipp
BalasHapusmakasih atas tipsnya
BalasHapustrim's artikelnya
BalasHapusmakasih tutorialnya
BalasHapussaya berhasil nih
kak. ko di HTML Templat Q g ada kode itu nya..?? yg ada cuman ... cz "" identik dgn "class"..... mohon petunjuk ea kak..??
BalasHapusthanks atas infonya
BalasHapussiang bro...
BalasHapusmo tanya nihc... di template ane kok ga ada kode div id='main-wrapper' ya....
adanya div class='main-wrapper'....
gimana tu bro...??? makasih sblumnya
selamat siang, sama saja mas Bodrex, silahkan gunakan kode tersebut
Hapusthans atas infonya.udah saya coba dan berhasil...
BalasHapussama-sama mbak Erna dan terimakasih atas kunjungan serta komentarnya, salam kenal
HapusTerimakasih mbak atas informasinya.
BalasHapus