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 :

9 komentar to “Memasang icon pada postingan”

BAGUS

Tempat wisata Indonesia mengatakan...
on 

makasih yang trik nah,,,:)

sya_cutezz mengatakan...
on 

Cara Membuat Link Secara Otomatis

Widget Yang Harus Dipasang di Blog

Mengganti Template Blog dengan Template Baru

Free Download Blogger Template!

Cara Mengganti Template Blog di Blogger

Cara Memasang Widget di Blog

Cara Membuat Blog Gratis di Blogger

zicblogger blogspot mengatakan...
on 

Tipsmu - Tipsku.

Cara Melamar Kerja Lewat Email.

Cara Membuat Tanda Tangan pada Dokumen Word.

Risiko Transfusi Darah.

Tips Cepat Hamil.

Tipsmu - Tipsku mengatakan...
on 

Tipsmu - Tipsku.

Cara Melamar Kerja Lewat Email.

Cara Membuat Tanda Tangan pada Dokumen Word.

Risiko Transfusi Darah.

Tips Cepat Hamil.

Cara Melamar Kerja Lewat Emai mengatakan...
on 

Tipsmu - Tipsku.

Cara Melamar Kerja Lewat Email.

Cara Membuat Tanda Tangan pada Dokumen Word.

Risiko Transfusi Darah.

Tips Cepat Hamil.

Cara Membuat Tanda Tangan pada Dokumen Word mengatakan...
on 

Tipsmu - Tipsku.

Cara Melamar Kerja Lewat Email.

Cara Membuat Tanda Tangan pada Dokumen Word.

Risiko Transfusi Darah.

Tips Cepat Hamil.

Risiko Transfusi Darah mengatakan...
on 

Tipsmu - Tipsku.

Cara Melamar Kerja Lewat Email.

Cara Membuat Tanda Tangan pada Dokumen Word.

Risiko Transfusi Darah.

Tips Cepat Hamil.

Tips Cepat Hamil 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

Wini Aakun mengatakan...
on 

Posting Komentar

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

←   →