Area Posting dalam kotak terpisah


Kali ini saya akan share mengenai cara bagaimana membuat area Posting di blog kita agar kelihatan terpisah- pisah.Ada yang masih bingung dengan judul di atas. Maksudnya Area posting dalam kotak terpisah adalah bahwa setiap satu judul posting dengan yang lainnya adalah jelas kelihatan ada sekat atau terpisah-pisah. ada yang belum faham juga. Langsung aja lihat contohnya di Blog saya atau bisa lihat di blog Bang del. saya tunjukan cuplikan gambarnya:

Cara ini sudah saya praktekkan dan alhamdulillah berhasik atau sukses. he he. terima kasih Bang Del atas tutorialnya. karena sudah tahu makanya saya share buat teman-teman barangkali ada yang mencoba cara ini/ tertarik.OK langsung menuju ke TKP saja. Berikut langkah-langkahnya:
Membuat Area Posting dalam kotak Terpisah
  • Login ke akun blogger teman-teman
  • Pada Dashboard Pilih Tata Letak - Edit HTML
  • Jangan lupa centang kotak Expand Template Widget
  • Untuk jaga- jaga back up dulu template teman-teman, agar kita dapat mengantisisisapi [mengantisipasi yang benar..he he he] jika nantinya terjadi kesalahan.
  • Cari kode kira-kira seperti di bawah ini [tetap fokus pada kode berwarna hijau]



    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }



  • Hapus kode tadi lalu ganti dengan kode di bawah ini


    .post{
    background:#fff url(http://i47.tinypic.com/e88gmx.jpg) repeat-x top left;
    border:0px solid #F5F6CE;
    margin:0 0 0.5em 0;
    padding:5px;
    font-family:"Trebuchet MS"}


  • Klik Pratinjau untuk melihat preview atau langsung klik Simpan Template
  • Lihat hasilnya
Bagaimana...apakah area posting teman-teman sudah dalam kotak terpisah-pisah.kalau sudah teman-teman tinggal menyesuaikan kecocokan warna dan background dengan template teman-teman. kalau sesuai kan enak dipandang. he he he...OK jangan lelah untuk mencoba dan terus mencoba. kalau satu kali kita gagal tak apalah..tetap berusaha sampai bisa.

Bookmark and Share

Posted by: Mas Eko
Download info - Tips trik - update - sharing, Updated at: 06:48

5 - komentar:

toko bunga cilacap said...

kalau terpisah dan warnanya berbeda gimana mas?

bisnis foredi said...

oh jadi begitu cara membuatnya. thanks ya sob

flash card gratis said...

terima kasih atas informasinya

Address Information Portal said...

sangat bermanfaat, terima kasih

Jasa Desain Logo said...

Akan pasang ini di blog saya juga

Post a Comment

Tiada gading yang tak retak, baka banyak pula hal yang salah dari aku. maka, tinggalkan walau hanya secoret komentar sebagai lankah ke depanku untuk lebih maju

NO SPAM NO PORN!