Cara Membuat Garis Tepi Pada Postingan Di Blog

Berhubung saya lagi kurang fit, jadi pada postingan kali ini gak perlu ada kata pembuka, langsung sedot aja gan….!!!! :)

Cara Membuat Garis Tepi Pada Postingan Di Blog

Berikut ini adalah cara membuat garis tepi pada postingan di blog.

  1. Login ke blogger atau klik disini»
  2. Pilih Template » Edit Html » Lanjutkan.
  3. Jangan lupa centang Expand widget template.
  4. Cari code di bawah ini.
.post{

     5.   Setelah ketemu copy paste code di bawah ini dan letakkan di bawah kode .post{

border-bottom:1px dotted #ff0000;
border-top:1px dotted #ff0000;
border-right:1px dotted #ff0000;
border-left:1px dotted #ff0000;
padding-bottom:0.5em;
padding-left:0.4em;
padding-right:0.4em;

     6.   Dan yang simpan template anda.

Catatan:

  • border-bottom adalah garis tepi bagian bawah.
  • border-top adalah garis tepi bagian atas.
  • border-right adalah garis tepi bagian kanan.
  • border-left adalah garis bagian kiri.
  • padding adalah jarak antara teks dengan garis tepi.
  • angka 1px adalah ketebalan garis.
  • yang berwarna biru kamu boleh ganti dengan kode warna lainnya.
  • kata dotted memberi efek titik-titik kamu bisa ganti dengan kata solid garis memanjang.

Semoga bermanfaat dan Happy Blogging :) Huaammm ngantuk selamat tidur gan hehehe…

1 komentar:

  1. Terima kasih Infonya Bro, izin ikut menerapkan ya. hehe

    Informasi Lowongan Kerja Terbaru BUMN, Persero, Swasta, & Berbagai Perusahaan Besar di Indonesia : http://expocpnsbumn.blogspot.com/

    BalasHapus
Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 
Design by Juned al~Bughisy Copyright © 2012 ~ 2013 Powered by Blogger
Back to Top