Horas: Membuat Border Postingan Blog
Berita Terbaru :

Membuat Border Postingan Blog

Disini saya akan membahas Bagaimana membuat kolom post menjadi lebih menarik lagi. Ok langsung aja saya kasitau cara membuatnya. Adapun langkah-langkahnya adalah sebagai berikut:

1. Login ke blogger
2. masuk ke Tata Letak => Edit HTML
3. lalu cari kode di bawah ini 

.post {
..............
}
4. titik-titik di atas menunjukan ada kode yang terdapat di dalamnya kenapa saya tidak menunjukan-nya? karena setiap template kode yang dimaksud berbeda-beda
5. setelah ketemu ganti seperti  kode di bawah ini

.post {
background-color:#;
border-radius:30px;
border:5px solid #38610B;
margin:0 0 0.5em;
padding:0.5em;
color:green;
font-family:"Trebuchet MS";
-moz-border-radius-topleft: 20px;
}
6. Setelah itu sobat dapat menyimpannya dan melihat hasilnya

Penjelasan :
  • fff : menunjukan warna latar belakang dari kolom postingan, sobat bisa menggantinya dengan kode warna yang lain
  • http://oketrik.googlecode.com/files/r.jpg : menunjukan gambar yang berada di bawah kolom postingan, sobat juga dapat menggantinya tapi dengan ukuran yang kecil
  • 000 : menunjukan dari warna garis pada kolom postingan terpisah, sobat bisa ganti akan tetapi harus di sesuaikan dengan warna main-wrapper agar terlihat terpisah
  • 000 : warna dari tulisan pada klolom postingan, sobat dapat mengganti dengan warna yang berlawanan dengan warna latar belakang agar terlihat jelas
"Terima kasih sudah membaca artikel Tutorial : Membuat Border Postingan Blog. Anda bisa bookmark halaman ini dengan URL https://henry-dunanz.blogspot.com/2013/11/membuat-kolomborder-postingan-blog.html. Jangan lupa klik salah satu tombol dibawah ini."

Tidak ada komentar:

Posting Komentar