Posting Dua Kolom
Salin kode ini lalu letakkan tepat di atas kode </head>:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style>
.post-outer {
width:50%;
height:240px; /* Sesuaikan tingginya sesuka hati */
float:left;
}
/* Clear CSS Float */
#blog-pager,
.date-header {
clear:both !important;
}
</style>
</b:if>
</b:if>Klik Simpan Template.
Beberapa elemen pembungkus posting juga terkadang memiliki kelas yang berbeda. Misalnya .wrapfullpost. Jadi jangan terlalu tergantung dengan kode di atas. Sebagai contoh, jika ternyata elemen luar posting pada template Anda berupa elemen <div class='wrapfullpost'>, maka Anda harus mengubah nama kelasnya menjadi seperti ini:
.wrapfullpost {
width:50%;
height:240px; /* Sesuaikan tingginya sesuka hati */
float:left;
}
26 Comments:
Pertamaxxxx ;)
Hehehe pertama juga ya,,
Hehe
Ya coba nanti saya akan coba terapkan,, tapi apa bisa ya di terapkan di blog akau ??? =p*
By
Unknown, at Friday, May 18, 2012 at 4:43:00 PM GMT+7
This comment has been removed by the author.
By
Putra, at Friday, May 18, 2012 at 5:22:00 PM GMT+7
@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/
By
Putra, at Friday, May 18, 2012 at 6:15:00 PM GMT+7
@Alam Perwira Sepertinya logikamu memang lebih sederhana dan masuk akal Al:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != "item"'>
<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>
By
Taufik Nurrohman, at Friday, May 18, 2012 at 6:29:00 PM GMT+7
@Taufik Nurrohman wkekk, malah gak jadi :D
sepertinya bisanya :
<b:if cond='data:blog.pageType != "item"'>
<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
By
Putra, at Friday, May 18, 2012 at 6:41:00 PM GMT+7
@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 != "item"'>
<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 != "static_page"'>
<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.
By
Taufik Nurrohman, at Friday, May 18, 2012 at 7:41:00 PM GMT+7
kalo saya .post-outer nya di ganti sama apa ya mas? saya bingung nyari nyari
By
Anonymous, at Friday, May 18, 2012 at 10:57:00 PM GMT+7
@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 != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<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>
By
Taufik Nurrohman, at Saturday, May 19, 2012 at 5:27:00 PM GMT+7
@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 ;)
By
Putra, at Saturday, May 19, 2012 at 6:33:00 PM GMT+7
@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
By
Taufik Nurrohman, at Saturday, May 19, 2012 at 8:49:00 PM GMT+7
@Taufik Nurrohman bener juga ya, udah saya coba pak Guru :D http://memorysite404.blogspot.com/
By
Putra, at Sunday, May 20, 2012 at 10:08:00 AM GMT+7
ko ga ada judul postingannya yah :(
By
Anonymous, at Friday, June 1, 2012 at 7:42:00 PM GMT+7
@miretahutempe Mungkin cuma nyelip *=p
By
Taufik Nurrohman, at Friday, June 1, 2012 at 8:50:00 PM GMT+7
heran. tiap saya coba selalu gagal. padahal saya coba pake template blogger default. adakah yang saya lewatkan?
By
Lilih, at Wednesday, June 27, 2012 at 6:25:00 PM GMT+7
@Lilih Prilian Ari Pranowo Coba ganti .post-outer jadi .post
By
Taufik Nurrohman, at Sunday, July 8, 2012 at 1:31:00 PM GMT+7
nah, media screennya caranya gmn? kok tak coba pake .post-outer di max-width:600px gak work, widthnya gak berubah / enggak ngikutin lebarnya :'(
By
Putra, at Sunday, July 15, 2012 at 8:42:00 AM GMT+7
@Alam Perwira @media screen and (max-width:600px) {
.post-outer {
display:block;
float:none;
width:auto;
}
}
By
Taufik Nurrohman, at Sunday, July 15, 2012 at 3:25:00 PM GMT+7
@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
By
Putra, at Sunday, July 15, 2012 at 4:12:00 PM GMT+7
mas ajarin bikin statik page dong
By
Anonymous, at Sunday, July 15, 2012 at 6:08:00 PM GMT+7
maksunya statik page buat costum pencarian kaya punya situ,ya kaya gini exitren.blogspot.com/p/hasil-penelusuran.htm lah biar agak rapih
By
Anonymous, at Sunday, July 15, 2012 at 6:10:00 PM GMT+7
@Eko Darpito Di blognya pak Hendriono sudah ada tutorialnya: http://modification-blog.blogspot.com/2012/07/membuat-dan-memasang-google-custom.html :)
By
Taufik Nurrohman, at Sunday, July 15, 2012 at 7:27:00 PM GMT+7
nah kalo misal pengen si image postingannya di jadiin background si post-outernya gmana?
By
Anonymous, at Wednesday, September 26, 2012 at 10:24:00 AM GMT+7
kok punya ane gak bisa nih? pusing..:'(
By
Unknown, at Monday, October 22, 2012 at 11:41:00 AM GMT+7
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
By
Unknown, at Saturday, December 22, 2012 at 5:39:00 PM GMT+7
saya bingung menentukan ukuran postingan 2 kolom nya .. :(
ada saran gak mastah .. ? :D
By
Anonymous, at Saturday, January 26, 2013 at 8:25:00 PM GMT+7
tks gan info nya , sangat membantu :-bd
salam kenal gan
gun-zha.blogspot.com
By
Unknown, at Sunday, March 17, 2013 at 5:57:00 PM GMT+7
Post a Comment
<< Home