Senin, 21 April 2014

Cara Membuat Garis Pembatas Postingan di Blogger

Bayangkan kalo antar postingan gak ada pembatasnya, nanti dilihat gak enak kayak gabung satu sama lain seperti halnya rumah satu dan lainnya lho..HEHE

 (GAMBAR DI ATAS HANYA PENYEDAP.. XD)


Biar tau caranya, langsung aja ini caranya..Check it out guys.. XD
  1. Login Blogger
  2. Masuk ke menu Template atau Tema trus klik Edit Html


  3. Kemudian akan keluar tampilan dan klik 'Lanjutkan'
  4. Beri centang pada 'Expand Template Widget' (hal ini berfungsi untuk undo jika terjadi kesalahan pada saat menulis/penempatan script)
  5. Kalo Blog sobat udah pernah di langkah 3 n 4, langsung ke langkah 5 ini yaitu tekan CTRL+F mempermudah proses pencarian script
  6. Cari script di bawah ini
    .post {
  7. Setelah script tersebut di temukan, copy script di bawah:
      border-bottom:1px dotted #000000;
      border-top:1px dotted #000000;
      border-right:1px dotted #000000;
      border-left:1px dotted #000000;
      padding-bottom:0.5em;
      padding-left:0.4em;
      padding-right:0.4em;
  8. sehingga jadi seperti ini:
    .post {
      border-bottom:1px dotted #000000;
      border-top:1px dotted #000000;
      border-right:1px dotted #000000;
      border-left:1px dotted #000000;
      padding-bottom:0.5em;
      padding-left:0.4em;
      padding-right:0.4em;
    }
    -Perhatian !!! script diatas di letakkan setelah tanda buka kurung {
    -Jika ingin garisnya lebih tebal ganti kode 1px dengan 2px/3px
    -Untuk mengganti warna garisnya, ganti kode #000000 dengan kode warna lainnya


  9. Setelah script di letakkan klik 'Pratinjau' hal ini di lakukan untuk mencegah kesalahan penulisan/penempatan script.
  10. Setelah caranya berhasil kemudian klik 'Save Template'

    Berikut HASILNYA

Lumayan kan .. hehe

Selamat Mencoba !
NB: KLIK GAMBAR DI ATAS UNTUK MEMPERBESAR

Tidak ada komentar:

Posting Komentar