Mempercantik Judul Postingan pada blog

Pada kesempatan ini saya mencoba berbagi pengalaman tentang cara mempercantik ,memberi bingkai dan warna pada judul postingan blog .....

Akhir nya perjuangan ku membawa hasil,setelah mencoba belajar mengotak-ngatik kode html akhir nya dapat juga biang kerok nya ...memang belajar itu sulit..butuh waktu dan berani berkorban waktu dan pantang berputus asa..bagi sobat yang mempunyai keinginan untuk mempercantik judul postingan sobat ada beberapa langkah yang harus di lalui...

TAHAP  PERTAMA

• Seperti biasa anda login terlebih dahulu..kalau sudah login silahkan langsung ke RANCANGAN

• Anda klik Edit HTML

• sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
• Jangan lupa di centang Expand Template Widget  

 

• Kalau sudah kita mulai mengobok-ngobok kode html nya

CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard)

h3

Catatan : Karena setiap templete blog berbeda-beda bentuk susunan kode html nya..supaya kita mudah mencari kode yang di maksud usahakan mencari kode yang terletak mirip seperti gambar di bawah ini.

Perhatikan gambar di bawah ini...!!!

Letakan kode di bawah ini sesudah kode font: $(post.title.font); seperti yang terlihat pada ganbar di atas.

background:#cfe2f3;
border: 1px solid #00FF00;
text-align: center;

Keterangan :

1. background:#cfe2f3; anda bisa mengganti kode warna background untuk judul posting menjadi warna lain nya,untuk memilih warna lain nya anda lihat disini
2. border: 1px solid #00FF00; border adalah bingkai garis yang akan di pasang pada judul postingan.
3. text-align: center; posisi judul postingan bisa di tengah pinggir maupun di kanan.

 

TAHAP  KEDUA

Selesai dan simpan sekarang coba anda lihat hasil nya..
 

Semoga dengan ada nya artikel ini bisa mempercantik blog kita dan jika sobat menjumpai kendala dalam membuat bingkai pada judul postingan jangan lah sungkan-sungkan untuk meninggalkan komentar nya dan admin juga menunggu hasil modifikasi tutorial di atas dari para sobat..

 

 

kunjungi juga blog satu nya ya untuk saling belajar tentang blog... Dunia desain Web di sini

By : syafrizal