Menambah kolom elemen di bawah posting itu lah topik kita hari ini. karna posting sebelumnya membahas tentang design tamplate yaitu:
- Menambah kolom elemen di atas footer
- Menambah kolom elemen di bawah sidebar
- Membagi Header menjadi dua bagian
Nah biar lebih complate sekarang bagai mana pula cara untuk menambah kolom elemen di bawah posting. untuk membuatnya anda sedikit menambahkan kode CSS ke dalam tamplate. ikuti langkah-langkah di bawah ini.
- Seperti biasa Log in dulu ke blogger
- Tata letak
- Edit HTML
- Download tamplate anda terlebih dahulu untuk menghindarkan hal-hal yang tidak diinginkan.
- Beri tanda centang di kotak kecil atas
- Kemudian cari kode
#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 {
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 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 simpan tamplate anda dan lihat hasilnya
Selamat mencoba........
Hubungi Kami: J_Putra
Email: jptr273@gmail.com
akhirnya dapat ilmu baru juga. Thanks infonya!
Tengkyu atas postingan yang ini. Luar biasa, ada lagi ilmu yang saya dapatkan siang hari ini. Smeoga tetap semangat untuk berbagi. Saya terlalu yakin, dan ini saya pegang betul sejak dulu, bahwa dengan berbagi kita tak akan kekurangan.
Malah yang ada adalah kepuasan, kesengangan, dan juga kebahagiaan. Seorang yang berbagi atas apa yang dia punya, sekecil apapun itu, manfaatnya akan kembali kepada yang memberi. Pasti hal ini akan di rasakan. Saya percaya, jika Mas Jaya juga sudah merasakan kenikmatan berbagi ini.
Semangat bro. Terus berkarya.
ardiawan >> sama - sama
Ainuddin >> Siip makasih ya udah berkunjung salam super
mantp sob ...
mau coba pakek blog yang mn ne sob...
info mantabh sob jaya,,
:)
alex >> terserah blog yang mana sob hehehe
ihsan mufthi >> makasih udah mampir
tnggal geret aja kang jaya bisa kok :D
Alhamdulillah... mampir ke sini selalu ada ilmu ngeblog yang baru
mas doyok>> yup bisa juga. kalau menambah elemen kan nggak ada salah nya
muchlisin >> makasih udah mampir ya
Wah mantap kang...kalo diatas posting caranya gimana ya Kang??
wah ini cocok buat iklan he..he...thanks sob... mampir ke tempatku sob
Tips for your Home
ma ini mbah gendeng
apa ini sama dengan add widget yg di blog tu kan?? itu lho yg tinggal geret... visit back my place sob Wisata Pasuruan
Artikel seperti ini yang kuharapkan!
Makasih infonya sob...
saya ndak ngerti beginian dah,,,,
ekosulistio>> siip deh
wisata pasuruan >> yup sama tapi lebih rapi kalau di kasi elemen baru
nuansa pena >> rock >> sama-sama
miss anna >> hehehe coba dulu smoga mengerti.
infona mantap
mo nyoba nih, sm0ga gw berhasiil... ! :)
http://www.fahmiblogs.info
wah bagus ini, izin mencoba ya bang. sapa tau ketularan jd master. makasih bang
Terimakasih, Simpel dan membantu sekali
mantab oiiyyy
Ga berhasil, templateku beda.. tiap kali ngikuti tutorial blog jarang ada yang sama dengan templateku, tapi thanks anyway..
Terima kasih atas tutorial templatenya...bermanfaat sekali. Salam :))
thankz info ny
http://ex-stoob.blogspot.com/
punya saya kok gak bisa ketemu kode yang #main-wrapper ya??
mas, saya udah ngelaki'in semua yang di atas, tapi kalo di taruh gadget, munculnya kok dai bawah sendiri setelah komentar mas?
padahal yang saya ingin itu tepat di bawah posting (sebelum artikel terkait dan sebelum komenter). tolong mas, saya butuh banget ini.
terimakasih.....
.
.
btw kalau ada waktu, tolong kirim ke e-mail:zeydhan@yahoo.co.id
makasih mas, dan maaf kalo mengganggu n merepotkan
makasih tutornya ya mas... sya coba ah...btw, ada lomba puisi di blog sy.
sukses selalu mas...
hahahaha......
bener bener mantap pake pe.
udah di coba gan, tp harus kreatif mencari kode htmlnya klo gak sama templatenya sama yang di contohkan.
Mesti jeli sebelum menambahkan code tersebut,karena setiap template berbeda.tetapi tak masalah asalkan sebelum meletakan kode,seperti biasa download dahulu.
assalammu alaikum, makasih panduannya, aq coba
Tengs infonya..., nice share... :)
Ide yang sangat menarik. tapi ketika saya mencoba menerapkannya pada template sporty magazine2, kok gak seperti harapan dech.... mohon pencerahan, karena saya ingin memasang trik ini pada sporty magazine2 kesayangan saya.
Nyasar kemari pakai kk "membuat kolom dibawah postingan"
Makasih
(admin www.alatbekam.net)
makasih infonya.....mau coba
{alatbekam.net}
lw punya sya mah ga bisa ya..?? :(
coba lihat...disini>>
GM
##follow backnya dtunggu ya..