Rabu, 25 Januari 2012

Menambah Icon di Samping Judul Artikel Blog

| Rabu, 25 Januari 2012 | 0 komentar


Menambahkan Icon atau gambar kecil sebelum judul 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 bis
a

Silahkan Share yah sob! :
Anda sedang membaca artikel tentang Menambah Icon di Samping Judul Artikel Blog dan anda bisa menemukan artikel Menambah Icon di Samping Judul Artikel Blog ini dengan url http://zidiyuto.blogspot.com/2012/01/menambah-icon-di-samping-judul-artikel.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Menambah Icon di Samping Judul Artikel Blog ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Menambah Icon di Samping Judul Artikel Blog sumbernya.

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Poskan Komentar

Silahkan berkomentar kepada sobat blogger semua. Diharapkan komentar yang berkaitan dengan isi dari blog ini. Terima Kasih.



TULISKAN KOMENTAR DI BAWAH!!!

Related Posts Plugin for WordPress, Blogger...
 

Sobat Blogger

About Me

Foto Saya
Saya adalah seseorang yang senang berbagi. Oleh karena itu mari kita saling berbagi informasi di dunia maya ini.

My Status

© Copyright 2012. zidiyuto.blogspot.com . All rights reserved | zidiyuto.blogspot.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com