Agen Terpercaya Agen Terpercaya
Home » » Membuat Postingan 2 Kolom di Homepage
Membuat Postingan 2 Kolom di Homepage
Postingan 2 Kolom


Halo Sahabat Share4rt . . .


Kali ini Share4rt akan Share Membuat Postingan 2 Kolom di Homepage . dulu SHARE4RT Sudah pernah Share Membuat Blockquote blogspot Sederhana . cara nya begitu simple , namun Tutorial yang saya berikan kali ini juga tidak kalah simple . Membuat Postingan 2 Kolom di blog itu sebenarnya mudah . Banyak cara cara dari Google yang saya baca tapi hasil nya malah berantakan alias Failed . tapi cara yang 1 ini setelah saya coba berhasil dan hasilnya memuaskan . hasil bisa dilihat di tampilan homepage SHARE4RT .

Oke dari pada lama lama langsung saja kecaranya .

  • Masuk ke Blogger.com
  • Masuk ke Menu Template > Edit HTML
  • Cari Kode ]]></b:skin>
  • Letakan kode dibawah ini di bawah kode ]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#main-wrapper {width:620px;padding-left:5px;padding-right:5px;border-right:1px solid #ddd;} 
h2.date-header, .jump-link, .feed-links, .post-footer {display:none;}
#blog-pager {width:98%; clear:both;}
.post {margin:.01em 10px 10px 0;background:none;width:300px;height:265px;float:left; border-bottom:3px double #ddd; positon:relative;overflow:hidden;}
.post-body {margin:0.2em 0 .75em;line-height:1.4em;font-size:13px;color:#111;overflow:hidden;}
.post h3 {height:32px;font-size:15px;font-weight:bold;line-height:1.3em;color:#102D57;text-transform:none;font-family:Arial;}
.post h3 a, .post h3 a:visited, .post h3 strong {font-weight:bold;color:#102D57;}
.post h3 strong, .post h3 a:hover {color:#000;text-decoration:underline;}
</b:if>
</style>

  •  Kalau belum yakin Klik Preview dulu . Tapi jika sudah yakin Klik Simpan Template.

*Disarankan sebelum Melakukan cara diatas hendaknya backup Template sobat dahaulu .


Demikianlah Membuat Postingan 2 Kolom di Homepage, Semoga Bermanfaat .

Dukung SHARE4RT di Kontes SEO Ekiosku 

 Salam Share4rt

Jika Sudah dibaca silahkan Klik G+ Nya
Anda sedang membaca Artikel tentang Membuat Postingan 2 Kolom di Homepage, dan anda bisa menemukan artikel Membuat Postingan 2 Kolom di Homepage ini dengan url http://share4rt.blogspot.com/2013/01/membuat-postingan-2-kolom-di-homepage.html. jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.

27 komentar:

  1. tampilan blog mastah yg homepage kok gak rapi ya mastah ??

    BalasHapus
    Balasan
    1. @yousake : tidak rapih bagaimana mastah?

      Hapus
    2. ada yg keliatan labelnya ada yg tidak

      Hapus
    3. @yousake : iya memang begitu sob . di blog saya juga begitu

      Hapus
  2. Manteb nich sob tutorialnya :)
    Ini yang saya cari-cari

    BalasHapus
  3. Bagus Artikelnya tapi di blog ane gak ada efeknya .. :D
    Kunjungan Malam

    BalasHapus
    Balasan
    1. @bocahporis : coba saya lihat problemnya?

      Hapus
  4. request tutor cara bikin floating menu navigation kayak di share4rt ini dong sob.. :)
    thanks

    BalasHapus
    Balasan
    1. @Muhammad Khoirul Umam : oke oke

      Hapus
  5. ijin bookmark gan,
    tampilan mobile view nya ada g gan?!

    BalasHapus
  6. Wah rapi sekali, tapi masih bingugn apakah bisa diterapai di blog saya

    BalasHapus
  7. hmm klo mnrut ane malah kayak gk rapi gan,jdi ane gk make heheh. mmending cm munculin judul posting d home page hehe komen back y

    BalasHapus
  8. sukses gan,tapi kurang rapi :)

    BalasHapus
  9. Di Blog ane kok gk rapih yaa..?

    BalasHapus
  10. waduhh ko jadinya jelek yah.hehehe

    BalasHapus
  11. ow gitu to caranya..
    makasih tutornya mas..

    BalasHapus
  12. Wedew ini dia info yg saya cari-cari :D

    BalasHapus
  13. Cakep deh... :D
    Salam.. Ferd

    BalasHapus
  14. ko yg ane malah ke bawah bukannya jadi 2 gtu kaya kotak2 windows 8

    BalasHapus
    Balasan
    1. @Yudi Supriyadi : tuh udah dijawab sama mas acep :)

      Hapus
  15. Yudi Supriyadi....

    Kamu gak boleh hapus kode ini

    ".post { margin:0 0 10px 0; padding:10px 0 0 0; border-bottom:1px solid #ddd;
    }"

    Kode itu harus ada untuk menjadi 2 kotak kalo tidak akan 1 kotak beruntun kebawah..

    Thx

    BalasHapus
    Balasan
    1. @acep kamal : wah terima kasih gan udah dijawab pertayaannya bang yudi :D

      Hapus
  16. ini nih yang saya cari2, dengan tampilan 2 kolom di homepage akan lebih elegan dan terlihat efisien .. thanks banget mas brow ....

    BalasHapus
Jika ada Problem pada Postingan diatas silahkan Berkomentar . Bisa Menggunakan Akun Google , OpenID URL dan Name/URL

Untuk Blogwalking dan Mencari Backlink bisa Menggunakan OPENID URL dan NAME/URL . Tidak Disarankan Menggunakan Anonymous

 
Copyright © 2012. SHARE4RT - All Rights Reserved
Template by : Eko Budi | Didukung oleh : Allah SWT | Blogger | Google