Saturday, October 17, 2009

Membuat Kolom Postingan Terpisah

Membuat Kolom Postingan Terpisah bisa anda lakukan dengan mudah, hanya dengan menambahkan kode - kode HTML pada blog.

Dengan Membuat Kolom Postingan Terpisah hal ini akan membuat blog terlihat lebih enak dipandang dan lebih memudahkan pengunjung blog dalam membedakan isi artikel yang di tulis, daripada kolom postingan yang menyatu atau dalam 1 kotak saja.


Untuk membuat kolom postingan terpisah, Anda hanya memerlukan sedikit tambahan kode HTML saja yang nantinya akan disisipkan ke blog anda.

Langkah - langkahnya sebagai berikut :

  1. Silahkan login dahulu ke Blogger dengan ID anda.

  2. Klik Tata Letak.

  3. Klik tab Edit HTML.

  4. Setelah itu cari kode yang seperti ini

    .post {


  5. Kemudian tambahkan kode berikut ini tepat setelah kode tersebut


    Padding:15px; /* Jarak text post dengan garis pinggir */

    Border-top: 2px solid #000000; /* warna garis pinggir atas */

    Border-bottom: 2px solid #000000; /* warna garis pinggir bawah */

    Border-left: 2px solid #000000; /* warna garis pinggir kiri */

    Border-right: 2px solid #000000; /* warna garis pinggir kanan */

    Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */



  6. Simpan Template.

Sekarang Anda bisa melihat hasilnya.

Selamat Mencoba....

Artikel Terkait


2 comments:

jimlybintang said...

gini mas,sya baru belajar yang namanya blog,saya dikit punya kesulitan,sya memposting beberapa artikel di blog sya dan postingan tsb semuanya tampil di hlam dpan dan cukup banyak ,menurut hematnya bgaiman kalau sebagian sja yang ditampilkan dihalaman dpan dan postingan lainnya juga bisa dilihat dengan mengklik link atau panduan lainnya yang disediakan,mohon bantuannya,trimakasih sebelumnya

Kris Jhoxer said...

Jadi anda ingin tidak semua postingan tampil di halaman depan ya....
Begini...anda masuk aja ke "Pengaturan", kemudian klik "Format". Nah di situ ada tulisan "Tampilkan" pilih berapa yang akan di tampilkan....saya rasa cukup ya...

PANDUAN BUAT BLOG GRATIS DI BLOGSPOT.COM Headline Animator



Add to Technorati Favorites Internet Internet Blogs powered by PRBbuttonTOP.ORG - TopsitesPersonal Blogs - Blog RankingsTopOfBlogsWeb Design Blogs - Blog Catalog Blog Directory Increase Page Rank
Marketing / SEO blogs TopBlogDir.blogspot.com buttonDigNow.netMy Blog DirectoryBlog Directory PANDUAN BUAT BLOG, BUAT BLOGSPOT, BISNIS ONLINE, AFFILIASI, PTC, PPC, PTC LOKAL INDONESIA, BISNIS INTERNET, FACEBOOK, FORMULA BISNIS, BISNIS GRATIS Computers & Internet Directoryblogarama - the blog directory

Search Engine Optimization and SEO Tools