Home » » Cara Membuat Border Area Posting Dan Sidebar

Cara Membuat Border Area Posting Dan Sidebar


Inilah Cara Membuat Border Area Posting Dan Sidebar yang saya lakukan :
a. Cara Membuat Border/Fram /Bingkai Pada Area Posting
  1. Pertama login ke akun blogger atau dashboard.
  2. Pilih menu Template –> Edit HTML
  3. Selanjutnya cari code ini :" .post {"  gunakan CTRL+F untuk memudahkan mencari
  4. Tambahkan kode dibawah ini tepat dibawah code .post {
    padding: 5px;
    Border-top: 2px solid #000000;
    Border-bottom: 2px solid #000000;
    Border-left: 2px solid #000000;
    Border-right: 2px solid #000000;
    Margin-bottom: 10px;
  5. Lakukan preview atau pratinjau dulu, jika sudah ok Lalu simpan template

b, Cara membuat Border/Frame/Bingkai Pada Sidebar
  1. Pertama login ke akun blogger atau dashboard.
  2. Pilih menu Template –> Edit HTML
  3. Cari code ini : ]]></b:skin>   Agar lebih mudah mencari tekan control+F
  4. Tambahkan kode dibawah ini tepat diatas code ]]></b:skin>
    sidebar .widget{
    padding:5px 5px 5px 5px;
    border:1px solid #C11209;
    margin-bottom:5px
  5. Lakukan preview terlebih dahulu, jika sudah oke baru di klik Simpan
Keterangan : Semua angka dan warna merah bisa diganti sesuai selera
  • Padding: 5px; = Jarak antara text post dengan garis pinggir 5px; makin tinggi angka jarak dari tepi akan semakin lebar
  • Border-top: 2px solid #000000; = garis pinggir atas 3px semakin tinggi angka,   maka akan semakin tebal garisnya
  • Border-bottom: 2px solid #000000 ; = garis pinggir bawah 3px
  • Border-left: 2px solid #000000 ; = garis pinggir kiri 3px
  • Border-right: 2px solid #000000 ; = garis pinggir kanan 3px
  • Margin-bottom: 10px; = jarak antar post yang satu dengan lainnya 10px
  • Code warna #000000 adalah warna hitam
Catatan : Bentuk garis Frame bisa diganti sesuai dengan selera                   
  • solid     : bingkai menjadi garis biasa ( ___________ )
  • dotted   : bingkai menjadi titik-titik ( .............................. )
  • dashed : bingkai menjadi garis putus-putus ( --------------------- )
  • double  : Bingkai 2 garis biasa   ( = )
  • Ridge
  • Groove
  • Inset
  • Outset
  • Radius ( Sudut melengkung )
  • dan lain-lain
Demikian uraian saya kali ini semoga ada bermanfaan. Selamat mencoba untuk membuat halaman blog lebih menarik dan nyaman dimata pengunjung nya,

Salam.

0 comments:

Posting Komentar