Senin, 22 Juni 2009

Memasang icon pada postingan

Kemarin aku jalan-jalan ke blog-blog teman gitusengihnampakgigi, ehh ketemu tutorial bagus ni dan unik pastinya, yaitu memasang icon pada judul postinganpeace, aku dapatnya di hermanblog, makasih mas infonya, naph sekarang aku pengen bagi juga info ini pada kalian (karna saya anaknya baik dan tidak sombong) begini ni caranya

Ini Contoh :



1. Siapkan gambar yang ingin di tempelkan dalam format, jpg .png

2. Ubahalah gambar menjadi kecil(jangan terlalu besar), formatnya 20px x 20p.

3. Simpanlah gambarnya di situs online seperti photobucket.

4. Setelah upload, copy alamat gambar yang sudah di simpan (alamat URL)nya

5. Buka blogger, lalu masuk ke layout -> edit HTML

6. lalu cari kode berikut :

.post h3 {
margin:.5em 0;
padding:0px 0px 0px 10px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;


(Fokus saja dengan post he { )

7. Jika sudah ketemu, Tambahkan kode background:url(URL gambar) no-repeat; dan edit nilai padding menjadi 0px 0px 05px 30px. Sehingga hasilnya menjadi seperti ini

.post h3 {
background:url(URL gambar) no-repeat;
margin:.5em 0;
padding:0px 0px 05px 30px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;


( ganti (URL gambar) menjadi alamat URL foto yang sudah di upload di photobucket)

8. Save templates dan liat hasilnya

Comments :

3 komentar to “Memasang icon pada postingan”

BAGUS

Tempat wisata Indonesia mengatakan...
on 

makasih yang trik nah,,,:)

sya_cutezz mengatakan...
on 

ara belajar komputer dasar disini pasti bisa dan gratis karena kami tidak sekedar menjelaskan tentang awal saja melainkan benar – benar bisa menggunakan sistem operasi dengan sangat lancar. Pasti bingung kan? Apa itu sistem operasi? Hardware, software dan sebagainya, tenang saja nanti akan di kupas secara mendalam.

ttp://www.incaralaptop.blogspot.com

Lia mengatakan...
on 

Posting Komentar

DENGAN SANGAT BIJAKSANA, SILAHKAN ANDA BERKOMENTAR ENTAH ITU SARAN, CACIAN, ATAU APALAH, MASUKAN DARI ANDA SANGAT BERMANFAAT ATAS BLOG INI

←   →