RSS2.0

Menambah Icon di Samping Judul Artikel

Rabu, 10 Desember 2008


Bingungkan.. bingungkan apa sih maksudnya menambah icon di samping judul artikel, nah setidaknya anda akan sedikit bahkan banyak
mengerti apa masksudnya setelah anda baca smpai habis artikel ini ya mungkin berguna bagi anda. Menambahkan Icon atau gambar kecil sebelum judl artikel atau lebih jelasnya disamping judul artikel itu dapat menarik perhatian pembaca untuk melihat artikel tersebut itu sepenuhnya kenapa? yah dengan dihiasi dan maka judul posting pun lebih mencolok dan dapat menark mata pembaca yang melihatnya.Maka dari itu saya akan beri tahu bagaimana caranya menambahkan icon/gambarnya.

Caranya Ialah :
1. Masuk Akun Blogger Anda dan klik Layout pilih Edit Html.

2. Cari Kode Css Berikut :
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
<font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

3. Cari Icon Yang ada suka misalnya icon buku dan pena yang punya gambarnya (http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh
) atau anda bisa mencarinya di Iconarchive.com, disana anda akan mendapatkan banyak contoh icon.

4. Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url nya dibawah color:#333;yang jadinya seperti ini:
.post h3 {
margin:.5em 0;
padding:
48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;

5. Save templatenya.
Nah silahkan mencoba apakah anda bisa.. saya yakin anda pasti bisa

Baca yang Lainnya



48 komentar:

yoyo mengatakan...

pertamaaax dulu yah bro... hehehe :)

yoyo mengatakan...

gak kepikiran saiya tuk mbikin tutor tentang ini bro, salute... keep post bro :)

- s L i K e R s - mengatakan...

Ga ada contoh hasilnya ya bro??

Mat Spy mengatakan...

Bagus tips ini saya harus mencubanya

http://www.arazakngah.com

Articles of Religion mengatakan...

thx ya atas pelajarannya..

daffa ahmad mengatakan...

salam kenal dulu...aku di nakintel.blogspot.com...pemula neh...ku coba yah..nuhun...kang

Anonim mengatakan...

whoever you are,thank you for sharing

Ge

time24get.blogspot.com mengatakan...

thank 4 share

Giri mengatakan...

Thanks for share...
aku di giri-education.blogspot.com...aku coba dulu ya...
makasih kang...!!!

h4ns mengatakan...

perlu dicoba neh

Indonesiagudang mengatakan...

sip...
thx yh atas infonya...

blog tips dan trik mengatakan...

iconnya kayak gimana mas???

aini mengatakan...

Mas, sy dah nyobain cara2 sprt di atas, tapi ko gambarnya ga tampil knp ya? Trm ksh bnyk!

Tips SEO mengatakan...

Terima kasih komentarnya, berguna dan bermanfaat seakali.

Bukan Sekedar Blogger Bertuah mengatakan...

Teimakasih ya, sangat bermanfaat sekali.
Bukan Sekedar Blogger Bertuah

imtikhan mengatakan...

langsung coba...

Dunia IT mengatakan...

good artikel

BALISTIK mengatakan...

contohnya gak ada bro

Rahmani mengatakan...

makasih nih infonya bagus..
aku akan coba..

mampir ya ke blog ku..
http://data-entryku.blogspot.com/

hot mobile news mengatakan...

lumayan cukup rumit, tapi semoga berhasil dalam praktiknya.
semangat ngeblog!
hot mobile news
info ponsel
blogspot tips
mobile news today
info handphone
blogging tips
mobile phone news
info blackberry
blogspot tutorial
mobilephone reviews
harga ponsel baru
blogspot trick
iphone news
ponsel baru 2010
tips ngeblog

belajar buat blog mengatakan...

blog yang bagus, agar blog anda makin mantap dan berqualitas, kunjungin aja bikin blog gratis

puluthriau mengatakan...

Saya cuba dulu dah

doni mengatakan...

posting yang bermanfaat,,,thanks!!!

spirit lion mengatakan...

di coba..
tx gan..

Asmara Susanto mengatakan...

mas bro, visitback gan
TIPS SUKSES GAN< COMMENT BALIKNY ANE TUNGGU GAN... POKOKNY TOP DEH BUAT TUTORIALNY GAN... VISITBACK+COMMENT NYA ANE TUNGGU :D

christian angkouw mengatakan...

good post...
coba dulu ah!!


kunjungi jga blog saya...
http://christiantatelu.blogspot.com
mohon sarannya.....

Lagu Karo mengatakan...

makasih gan informasinya

Arif mengatakan...

saya kok masih gak mudeng ya,,,,
Blogwalking
New Blogger

www.rifmasites.com

idebagus mengatakan...

sdh lama ane nggak ke sini...
trnyata makin solid bro!!!

tutorial blog

SKC mengatakan...

Thx infonya gan. Keren. Komen balik ya...

Bokep SMU mengatakan...

thanks :)

Cari Uang Di Internet Gratis mengatakan...

thx :)

dekra mengatakan...

Infonya bagus mas,,
Toolbarku

WWW.RIKO-IKOR.BLOGSPOT.COM mengatakan...

contohnya di kasih mas brooooo

Blogterms mengatakan...

Mantaf Tipsnya Gan.. Blogger Sejati kayaknya neh.. hehe.. Jgn Lupa Kunjungan Balek ya gan..

Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1 mengatakan...

apakah itu bisa kita ganti gambarnya sesuka kita ya??

diooda mengatakan...

Artikel tentang Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z1

industrial maintence dan pemilihan mesin mengatakan...

makasih infonya .

VJmaster mengatakan...

Agak ngga ngerti sama kodenya
Webcomic

obat kuat sex mengatakan...

makasih banyak artikelnya gan

Terjemahan Lirik Lagu Barat mengatakan...

hosting file iconya dimana mas?

Blogger Copast mengatakan...

Ikut Nongkrong sambil promo blog

yoga mengatakan...

lanjutkan..

Cithika mengatakan...

Layak dicoba Brother.
Thanks

obat perangsang wanita mengatakan...

harus ane coba masbro !!

Obat Pembesar Penis mengatakan...

Thak You Makasih Artikel ya BAGUS

Obat Pelangsing Badan mengatakan...

ok, Thak You Makasih Artikel ya BAGUS

Bim Bong mengatakan...

cerita dewasa
lotere indonesia
Sex Abg
Nonton Movie Online
Film Bioskop Terbaru
berita artis hot
Prediksi Togel
Agen Togel
Berita Bola
Poker Online
Bandar Bola
Cerita Bokep
Bandar Togel
Cerita Sex
berita dunia maya
Dunia Sex
Cerita Dewasa

Posting Komentar

Setiap Kali anda berkomentar maka anda akan mendapatkan link balik dari saya...

Terima kasih atas KOMENTAR-nya

Terjemahkan