HomeMembuat Garis Tepi Posting dan Sidebar blog
Rabu, 20 April 2011
1
komentar
Banyak cara yang dilakukan oleh pemilik blog untuk memperindah tampilannya. Ada yang merubah bagian header, halaman posting maupun sidebar. Pada postingan ini menyoal pada halaman posting yang akan kita poles. Bagi panjenengan yang ingin memberi bingkai pada halaman posting dapat dilakukan sebagai berikut :
padding: 5px;
Border-top: 3px solid #0000FF;
Border-bottom: 3px solid #0000FF;
Border-left: 3px solid #0000FF;
Border-right: 3px solid #0000FF;
Margin-bottom: 10px;
-----3. Simpan hasil pekerjaan panjenengan, and nikmati tampilan barunya.
Keterangan-keterangan :
Nb: #0000FF adalah kode warna biru (light Blue)
- Login ke Blogger dengan id panjenengan,kemudian pilih menu TATA LETAK, lalu EDIT HTML.
- Bernafas sebentar kemudian cari kode berikut ini,
.post {
........Bila telah ketemu kodenya, tambahkan saja kode-kode dibawah ini, tepat dibawah kode tersebut.padding: 5px;
Border-top: 3px solid #0000FF;
Border-bottom: 3px solid #0000FF;
Border-left: 3px solid #0000FF;
Border-right: 3px solid #0000FF;
Margin-bottom: 10px;
-----3. Simpan hasil pekerjaan panjenengan, and nikmati tampilan barunya.
Keterangan-keterangan :
Nb: #0000FF adalah kode warna biru (light Blue)
- padding: 5px; = Jarak antara text post dengan garis pinggir(5px; bisa diganti dengan angka lain sesuai selera, makin tinggi angka jarak dari tepi akan semakin lebar)
- Border-top: 3px solid #0000FF; = garis pinggir atas (3px bisa diganti semakin tinggi angka, maka akan semakin tebal garisnya)
- Border-bottom: 3px solid #0000FF ; = garis pinggir bawah (3px angka bisa diganti)
- Border-left: 3px solid #0000FF ; = garis pinggir kiri (3px angka juga bisa diganti)
- Border-right: 3px solid #0000FF ; = garis pinggir kanan (3px angka bisa diganti
- Margin-bottom: 10px; = jarak antara post yang satu dengan yang lainnya(10px angka bisa diganti
sekarang garis tepi sidebar
- Login ke blogger
- Klik Rancangan
- Edit HTML
- Cari kode .sidebar .widget {
- Kemudian tambahkan kode di bawah ini pada kode tersebut, lebih kurang seperti ini .sidebar .widget {
border: 1px solid #eee;
.......
} - Ganti #eee warna border tersebut dengan kode warna lainnya.
- Jika anda menginginkan garis tersebut cuma di kiri sidibar blog saja anda bisi mengganti nya dengan .sidebar .widget {
border-left: 1px solid #eee;
........
} - Perhatikan tulisan berwarna biru anda bisa menggantinya dengan rihgt untuk kanan top untuk atas botom untuk bawah
- Kemudian simpan tamplate
- Lihat hasilnya
Semoga artikel ini bermanfaat untuk kita semua. dan jangan lupa kembali lagi untuk membaca update artikel terbaru ku setiap harinya. dan salam sukses....
Jangan Lupa Jempolnya Sob, Makasih Sebelumnya
Anda baru saja membaca artikel yang berkategori Bloger
dengan judul Membuat Garis Tepi Posting dan Sidebar blog. Anda bisa bookmark halaman ini dengan URL http://duniabaca22.blogspot.com/2011/04/membuat-garis-tepi-posting-dan-sidebar.html. Terima kasih!
Categories:
Bloger
