Cumulus swf - flash

Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Cara Membuat box atau Bingkai Judul Posting: Panduan BloGGeR Modifikasi Blog

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. Amankan template : caranya lihat di sini !
  3. Tetap di Edit HTML
  4. Cari Syntax :
  5. .post h3 a{
            ....
            ....
            ....
            dst
    }
  6. Posisi syntax di atas terletak pada deretan kode CSS template pada bagian atas.Untuk mempermudah pencarian gunakan Ctrl+F
  7. Contoh bentuk KODE :
  8. .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;
    }
  9. 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.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :




» Happy Blogging - gubhugreyot «

7 komentar:

  1. berhasil gan,
    tapi di template saya...,
    .post h3 a{ itu gak ada,
    yang ada .single h2 {
    dan saya coba ternyata tips-nya benar-benar ampuh dan berhasil sukses...
    hehehehehe :D
    thanks berat ya gan....

    BalasHapus
  2. kok di template sya gak ada y gan ?

    BalasHapus
  3. mkasih infonya
    http://usahapertamanan.blogspot.com

    BalasHapus

 
GR | Edited by | gubhug reyot