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)
Catatan : Bentuk Frame bisa diganti sesuai selera
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 lebarBorder-top: 3px solid #000000; = garis pinggir atas 3px semakin tinggi angka, maka akan semakin tebal garisnyaBorder-bottom: 3px solid #000000 ; = garis pinggir bawah 3pxBorder-left: 3px solid #000000 ; = garis pinggir kiri 3pxBorder-right: 3px solid #000000 ; = garis pinggir kanan 3pxMargin-bottom: 10px; = jarak antar post yang satu dengan lainnya 10pxCode 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 ( = )RidgeGrooveInsetOutsetRadius ( Sudut melengkung )dan lain-lain
Semoga bermanfaat