Posting Dua Kolom

Pertamaxxxx ;)

Hehehe pertama juga ya,,
Hehe

Ya coba nanti saya akan coba terapkan,, tapi apa bisa ya di terapkan di blog akau ??? =p*

Komentar ini telah dihapus oleh pengarang.

@Taufik Nurrohman haha :D
nah kok tag kondisionalnya saya coba jadinya malah dipostingan, dihomepage malah biasa? trus saya coba, yang tag kondisional selain homepage saya hapus, hasilnya tetep. Nah trus tag kondisional page statisnya saya hapus, jadi deh.. hahaii, itu kan munculnya selain di homepage + postingan + pagestatis, kalo semisal aku ada dipage statis, yang selain homepage + item/postingan jadi muncul..
#kesimpulanku \o/ \o/ \o/

@Alam Perwira Sepertinya logikamu memang lebih sederhana dan masuk akal Al:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-outer {
width:50%;
height:240px; /* Sesuaikan tingginya sesuka hati */
float:left;
}
/* Clear CSS Float */
#blog-pager {
clear:both !important;
}
</style>
</b:if>
</b:if>
</b:if>

@Taufik Nurrohman wkekk, malah gak jadi :D
sepertinya bisanya :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-outer {
width:50%;
height:240px; /* Sesuaikan tingginya sesuka hati */
float:left;
}
/* Clear CSS Float */
#blog-pager {
clear:both !important;
}
</style>
</b:if>
tapi ini muncul di ststis page :(. Kalau dipasang juga yang statis page, yang di postingan ikutan muncul. Capee dehh :D :D

@Alam Perwira Blog Saya memakai kode di atas dan tidak ada masalah sama sekali. Kalau tetap tidak bisa, jalan satu-satunya sepertinya adalah dengan cara merangkap semua kode CSS dalam beberapa tag kondisional secara terpisah:

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style type='text/css'>
.post-outer {width:50%;height:240px;float:left;}
#blog-pager {clear:both !important;}
</style>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-outer {width:50%;height:240px;float:left;}
#blog-pager {clear:both !important;}
</style>
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.post-outer {width:50%;height:240px;float:left;}
#blog-pager {clear:both !important;}
</style>
</b:if>

Meskipun kode CSS tampak lebih banyak, tapi masing-masing hanya akan tampil pada tipe halaman tersebut, jadi Saya rasa tidak ada masalah.
Seharusnya cara yang terakhir ini bisa mendukung pada semua kondisi yang sudah dibangun sebelum ini.

kalo saya .post-outer nya di ganti sama apa ya mas? saya bingung nyari nyari

@Alam Perwira Oh, ya mas. Akhirnya masalah terpecahkan. Sepertinya saat itu Saya masih terbawa dengan template Saya sendiri. Sekarang seharusnya sudah jadi. Kita tidak memerlukan tag kondisional halaman muka :p

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-outer {
width:50%;
height:240px; /* Sesuaikan tingginya sesuka hati */
float:left;
}
/* Clear CSS Float */
#blog-pager,
h2.date-header {
clear:both !important;
}
</style>
</b:if>
</b:if>

@Taufik Nurrohman nah, haha :D bener kan :yaya:
tapi kalo dibuat kayak gitu, semisal aku ada di postingan, cssnya tetep muncul, kan munculnya dari tag kondisional selain halaman statis ;)

@Alam Perwira Nggak begitu Al. Ini tag kondisionalnya saling menutupi.
Kita baca dari tengah, kondisinya mengingkari halaman item. Itu artinya kode CSS tidak akan tampil/diterapkan pada halaman item, tapi akan tampil pada halaman statis, halaman muka dan halaman daftar posting.
Kemudian tag kondisional pengingkaran halaman item itu ditutup lagi (dibungkus) dengan kondisi pengingkaran halaman statis. Itu artinya, kode CSS yang tidak ditampilkan pada halaman item tersebut juga tidak akan ditampilkan pada halaman statis :W

@Taufik Nurrohman bener juga ya, udah saya coba pak Guru :D http://memorysite404.blogspot.com/

ko ga ada judul postingannya yah :(

@miretahutempe Mungkin cuma nyelip *=p

heran. tiap saya coba selalu gagal. padahal saya coba pake template blogger default. adakah yang saya lewatkan?

@Lilih Prilian Ari Pranowo Coba ganti .post-outer jadi .post

nah, media screennya caranya gmn? kok tak coba pake .post-outer di max-width:600px gak work, widthnya gak berubah / enggak ngikutin lebarnya :'(

@Alam Perwira @media screen and (max-width:600px) {
.post-outer {
display:block;
float:none;
width:auto;
}
}

@Alam Perwira itu udah sy coba tadi gak bisa. Trus tak coba2.. bisa, jadinya make kode ini :
.post-outer {
display:block;
width:98% !important;
padding:1%;
}
:D

mas ajarin bikin statik page dong

maksunya statik page buat costum pencarian kaya punya situ,ya kaya gini exitren.blogspot.com/p/hasil-penelusuran.htm lah biar agak rapih

@Eko Darpito Di blognya pak Hendriono sudah ada tutorialnya: http://modification-blog.blogspot.com/2012/07/membuat-dan-memasang-google-custom.html :)

nah kalo misal pengen si image postingannya di jadiin background si post-outernya gmana?

kok punya ane gak bisa nih? pusing..:'(

mas minta bantuanya dong kenapa pas saya pakek trik ini jadinya kayak gini ya iyunkpercobaan.blogspot[dot]com isi postnya malah ke bawah semua tolong bantuanya mas

saya bingung menentukan ukuran postingan 2 kolom nya .. :(
ada saran gak mastah .. ? :D

tks gan info nya , sangat membantu :-bd
salam kenal gan
gun-zha.blogspot.com

wajib d bookmark :D