• Home
  • About
  • Contact
  • Sitemap
  • Privacy Policy
  • Page Error

EvoSimple Premium

  • Home
  • Pendidikan
  • Referensi
  • Blog
  • Template
Beranda » Blog

Jumat, 27 Juli 2012

Membuat garis pinggir pada kolom posting di blog

Penulis Muh Akram Diterbitkan 15.29.00
Untuk membuatgaris pinggir pada kolom posting di blog caranya adalah sebagai berikut:
  • Login ke Blogger –> Rancangan –> Edit HTML
  • Cari baris kode .post 
  • Untuk Lebi Lengkapnya anda bisa lihatdi bawah ini:

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

  • Ganti baris kode  border-bottom:1px dotted $bordercolor; 
  • Dengan Kode  border:1px solid $bordercolor;
Keterangan Kode :
1px = nilai ketebalan garis pinggir (border)
solid = menunjukan garis pinggirnya berupa garis lurus; selain itu bisa juga berupa titik-titik (dotted) atau garis putus-putus (dashed)
$bordercolor = warna garis pinggir; jika ingin merubah warnanya, bisa mengganti kode tersebut dengan kode warna lain misal kode warna mera #ff0000
  • dan setelah itu baris kode padding-bottom:1.5em;
  •  Di ganti menjadi padding:10px; 

Keterangan Kode :
padding merupakan jarak antara teks atau gambar pada posting dengan garis pinggir kolom posting yang dibuat 

 dan hasilnya akan seperti gambra berikut ini 



4. Simpan template dan lihat hasilnya.
FacebookTwitterGoogle+
Tag : Blog,
Muh Akram

Muh Akram

Assalamu'alaikum, perkenalkan nama saya Muhammad Akram bisa dipanggil Akram, asal dari Pinrang Sulawesi Selatan. Saya mulai mengenal blog pada tahun 2011. dan saya senang berbagi

  • 0 komentar



    Tutup Konverter! Emoticon

    Langganan: Posting Komentar (Atom)

    Ads

    300 x250

    Entri Populer

    • Beberapa hal yang Harus Diperhatikan Sebelum Melakukan Rooting Handphone Android
    • Pengertian dan Fungsi Root Android
    • Cara Menghilangkan Tulisan Name/URL Di Komentar Blog
    • Penjelasan Narkoba
    • Langkah Mudah Lindungi Privasi online di internet

    Arsip Blog

    • ▼  2012 (33)
      • ►  Desember (5)
      • ►  November (2)
      • ►  Oktober (6)
      • ►  September (2)
      • ►  Agustus (4)
      • ▼  Juli (14)
        • Cara Membuat Tombol Scroll To Top di blog
        • Membuat garis pinggir pada kolom posting di blog
        • Cara Membuat Link Facebook Tersembunyi Di Pinggira...
        • Cara Membuat Google Translate Di Blog
        • Cara Membuat Widget Daftar Isi Di Blog
        • Cara Membuat facebook like box dibawah posting
        • Kumpulan Background Bergerak
        • cara membuat Related Post Dengan Gambar
        • Cara Membuat Background Pada Widget blog
        • Cara membuat Related Post Dengan Gambar Berjalan
        • Cara Membuat Permalink Di Blog
        • Beberapa Faktor Penyebab Seks Bebas Terjadi Pada R...
        • Cara Menganti Logo Blog Dengan Logo Sendiri
        • Cara Membuat Background Pada Judul Widget di blog

    Label

    Blog (24) Info (8)

    Formulir Kontak

    Nama

    Email *

    Pesan *

    Copyright © 2016 EvoSimple Premium
    Template Premium By Kunci Dunia