Membuat background dibelakang post title

Daripade bengong lebih baek nulis tutorial ga jelas aje dh,....
Tutorial ga jelas ini membicarakan tentang background yang ditaroh dibelakang judul postingan blog,..
begini ceritanye gan.... lanjuuut..


awal-awal cerita ni, ane pernah liat, yang kayak begini ni di suatu template blogger yang ga ane sebutin namany, *soalnya lupa... :ngakak :ngakak
beginilah bentuknya,

ini setelah ane praktekin ke blog ane sendiri, di template yang sebelum ganti kayak beginian..., soalnye ga enak screen shouuut di tempat orang laen, maluuu...



Cara pambuatan 'aka' the making offff:

1. pertama-tama baca bismillah dulu, Bismillahirohmanirohim!!!!... hha, trus klo udah buka dh tu biasa klo mo ngedit template kemana? masa' ga tau.... layout-->Edit html...
2. Setelah ntu, cari (Ctrl+F) yang namanya  berbentuk seperti ini: .post h3
3. Klo dah ketemu, trus sebelum tanda } atau diatasnya. copas lah code seperti berikut, disempilin lah istilahnya ke bawah2nya .post h3 tadi gan..

background: url(URL background yang pengen dipake) top repeat-y;
width: 400px;
padding: 0 10px;
margin: 0;

maka akan berbentuk seperti ini:

.post h3 {
border-bottom:1px solid #CCCCCC;
color:#cc0033;
font-family:comic sans MS;
font-size:22px;
font-weight:bold;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
background: url(URL background yang pengen dipake) top repeat-y;
width: 400px;
padding: 0 10px;
margin: 0;
}

*yang berwarna merah adalah code di atas tadi yang telah ditambahkan,.

kalo pengen yang bentuknya seperti dicontoh ini codenya:

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwBG3KCNpJ1_4RQbE6Qb1iEOMT1FMuc-zwK3UYSuIee_Na4lm-v8xDHaTYo2gP3Rt8D2nfmOlxQz-5EUXzOqj95vzFzygp8tOe8Ai7o7JvZa8xQzwqFGx8_pFR00HBzMLMddKd_4n5LxFU/s1600/ptitle.png) top repeat-y;
width: 400px;
padding: 0 10px;
margin: 0;

setelah itu disave dah...

Klo pengen buat sendiri tu background title, resolusinya harus 420x31 pixel, dan memiliki background transparan atau yang sering disebut PNG image, bisa dibuat pake Paint.Net atau pake Sotosop...

Related Post: