news
Loading...

Cara Membuat Border Area di Posting dan Sidebar

loading...
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 Area di Posting dan Sidebar

 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


loading...

Subscribe Untuk Mendapatkan UPDATE Artikel Terbaru!

loading...
English

Scroll to top
close
loading...