Cara Membuat Border Area di Posting dan Sidebar

Cara Membuat Border Area Posting Dan Sidebar - Para blogger sudah pasti banyak yang tau bingkai tidak saja dipakai di foto, namun di tulisan blog juga. Trick kali ini membuat bingkai pada tulisan yang bisa di taruh di sidebar atau posting blog. Banyak hal yang bisa anda lakukan dengan bingkai ini, semisal membuat catatan, peringatan, pengumuman, dll.

 Cara Membuat Border / Frame / Bingkai Pada Area Posting (main wrapper)

1)..Pertama login ke akun blogger atau dashboard.

2)..Pilih menu Template –> Edit HTML

3)..Selanjutnya cari code ini : .post { tekan CTRL+F untuk memudahkan mencari

4)..Tambahkan kode dibawah ini tepat dibawah code .post {

padding: 5px;
Border-top: 3px solid #000000;
Border-bottom: 3px solid #000000;
Border-left: 3px solid #000000;
Border-right: 3px solid #000000;
Margin-bottom: 10px;

5)..Lakukan preview atau pratinjau dulu, jika sudah ok Lalu simpan template

Cara membuat Border / Frame / Bingkai Pada Sidebar BLOG

1).. 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 atau pratinjau dulu, jika sudah ok Lalu simpan

Keterangan : Semua angka dan warna 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: 3px solid #000000; = garis pinggir atas 3px semakin tinggi angka, maka akan semakin tebal garisnya

Border-bottom: 3px solid #000000 ; = garis pinggir bawah 3px

Border-left: 3px solid #000000 ; = garis pinggir kiri 3px

Border-right: 3px 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 Frame bisa diganti sesuai 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

Semoga bermanfaat

Tweet

Share

Subscribe Untuk Mendapatkan UPDATE Artikel Terbaru!