Merubah warna tex dan judul artikel bergambar

posting ringan kali ini coba untuk share pengalaman dalam mengedit template dan untuk part 1 saya mencoba membuat artikel tentang merubah warna tex posting dan backgroundnya

jika kamu sudah paham alangkah baiknya tidak usah meneruskan membaca (read: siapa tau masih ada yang belum tau soalnya banyak kata kunci google yang mengarahkan ke blog ini dengan kata kunci merubah warna tex post)

Oke deh langsung saja ke cara pengeditan

langkah pertama merubah background judul artikel

1. Cari kode css ini pada template

.post-title / .post-title strong /
h3.post-title

jika menggunakan template mobile cukup edit yang .post-title

dan ubah seperti di bawah ini untuk menampilkan judul post bergambar:


.post-title {
padding:2px 2px; font-size:15px; font-weight:bold;
border:1px solid #ddd;
tex-align: left;
padding-left:16px; background-image : url(http://js4u.jw.lt/image/folder/folder.gif); background-repeat : no-repeat;}

copy css



hasilnya akan seperti ini:

contoh Judul artikel sajah


jika ingin memberi warna latar/background pada judul posting letakan kode ini: background-color:#fff;

contoh:

.post-title {
padding:2px 2px; font-size:15px; font-weight:bold;
border:1px solid #ddd; tex-align: left; padding-left:16px; background-color:#fff;
background-image : url(http://js4u.jw.lt/image/folder/folder.gif); background-repeat : no-repeat;}

copy css




hasilnya akan jadi seperti ini:
contoh Judul artikel sajah


2. Untuk merubah warna tex posting cari css ini

.post {
jika sudah ketemu cari kata color pada .post{ kemudian ubah kode warna pada color misal .post {color:#000000; maka nantinya warna text blog berwarna hitam sesuaikan warna dengan template anda

sekian dulu bedah template part 1 merubah tex posting dan cara memasang gambar pada judul posting lain kali saya sambung lain waktu mudah-mudahan bermanpaat untuk all brother
.............



10 komentar:

  1. mantep tenan, njajal smilenya gw copy semua
    :)) , ;)) , ;;) , :D , ;) , :p , :(( , :) , :( , :X , =(( , :-o , :-/ , :-* , :| , 8-} , :)] , ~x( , :-t , b-( , :-L , x( , =))

    ReplyDelete
  2. @sgenk smileynya kadang ngilang servernya jelek

    ReplyDelete
  3. Wah bagus nih sob.. Kapan2 aja ane praktekin. Pendapat ane.. Smilenya gk muncul karena domainya bukan blogspot.com

    ReplyDelete
  4. Sudah saya coba n Sukses kang, :D

    Boleh tuker link g? disini kang

    ReplyDelete
  5. @Bujen tapi kadang muncul juga sob di blog ku juga sama aja kadang ngilang, makanya ni lagi nyari hosting yang simpel buat naro javascripnya tapi kebanyakan hosting buat php..

    ReplyDelete
  6. @SeMut oke broth boleh saja langsung saya pasang..

    ReplyDelete
  7. @kholist weleh memang kemana ajah hehe..

    ReplyDelete
  8. abis muter" kang...
    sukses kang:-)

    kang mau nanya lagi nie,, itu loh di komentar kang bagas kok ada button balas caranya yang seperti itu gimana kang ???

    ReplyDelete

MOHON DI BACA
Semoga anda adalah pembaca yang baik hati jika berkenan tinggalkanlah komentar untuk saya

1. Gunakan pilih nama/url pada pemilihan nama jika anda tidak memiliki blog
2. Sebisa mungkin jangan menggunakan id anonim atau id falsu
3. Di mohon komentar tidak mengandung sara, saru, spam dan kata-kata yang tidak pantas di ucapkan
4. Jika komentar tidak pantas di tampilkan admin akan menghapus komentar yang sudah ada.
5. Komentar anda merupakan motipasi bagi kelangsungan blog ini.

About blog | Feedback | Rss
Copyright 2009 - 2012 Hak cipta di lindungi UUD
Naik