Excalibur
Info
Selamat datang di blog Roy Lichtenstein- saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca lebih lanjut tentang artikel yang saya susun. Ada banyak hal dapat anda pelajari, Anda mungkin akan menemukan sesuatu yang menarik

Nama saya Roy Lichtenstein, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...

Pages

Subscribe:

Ads 468x60px

Social Icons

Cara Membuat Box Atau Bingkai Judul Posting

Panduan BloGGeR Cara Membuat Bingkai atau Box Judul Posting membawa sampeyan untuk memanfaatkan secara maximal beberapa kode CSS hingga mampu memberikan sebuah penampilan yang lebih menarik pada judul posting. Untuk melakukan modifikasi pada judul posting ini kita hanya akan melakukan perubahan pada kode CSS pembentuk judul posting yang terletak diantara kode (tag) <head> dan </head>


Langkah Pembuatan
  1. Login ke Blogger.
  2. Tetap di Edit HTML
  3. Cari Syntax :
    4. .post h3 a{
        ....
        ....
        ....
        dst
}
  4. Posisi syntax di atas terletak pada deretan kode CSS template pada bagian atas.Untuk mempermudah pencarian gunakan Ctrl+F
  5. Contoh bentuk KODE :
    6. .post h3 a{
        text-decoration:none;
        cursor:pointer;
        color:#000;
        font:Arial 18px bold; 
}
    Rubah menjadi seperti KODE di bawah ini : 
    .post h3 a{
        text-decoration:none;
        cursor:pointer;
        color:#888;
        font:Arial 18px bold;
        display:block;
        border:2px solid blue;
        background:black;
        padding:2px 4px;
}
  6. KLIK Simpan template.

Keterangan/Catatan :
  1. Tebal dan warna border bisa diatur dengan melakukan perubahan pada : border:2px solid blue;
  2. Warna background box judul posting (background:black;) sebaiknya disesuaikan dengan warna teks judul posting.

0 comments:

Post a Comment

Berikan Komentar Anda Dibawah Sini Jika Belum Punya Akun Google/Blogger Anda Bisa Pilih Anonymous

Subscribe to: Post Comments (Atom)