Gratis berlangganan artikel Zykry via mail, join sekarang!

Wednesday, March 17, 2010

Menambah Icon Gambar Pada Judul Posting

Beberapa hari yang lalu, ada yang menanyakan kesaya, apakah judul posting bisa dipasang gambar? Jawabannya tentu saja bisa dan sangat mudah malah sengihnampakgigi. Anda bisa memasang icon, logo ataupun foto anda disana.

Berikut adalah contoh judul posting yang telah ditambahin icon gambar

gambar pada judul postingGimana menarik bukan? Nah bagi anda yang ingin mencobanya. Silahkan ikuti langkah-langkah dibawah ini:

1. Siapkan gambar atau logo yang ingin anda pasang dalam format .gif atau .png karena kualitasnya lebih bagus

2. Resize gambarnya menjadi (20px x 20px) atau (25px x 25px). Usahakan ukuran gambarnya jangan terlalu besar agar loading blog tidak berat.

3. Jika sudah, upload gambarnya ke image hosting yang anda gunakan. Kalau saya sendiri menggunakan Photobucket untuk menyimpan gambarnya.

4. Setelah upload, copy alamat gambarnya. Contohnya http://i37.photobucket.com/albums/e74/mrphoto16/cool.png

5. Buka blogger. Masuk ke menu Layout -> Edit HTML

6. Cari kode seperti dibawah ini:

.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;
7. Setiap template mempunyai kode yang berbeda-beda. Jadi yang perlu anda perhatikan adalah tulisan post h3.

8. Kalau 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 dengan alamat gambar anda. Contohnya http://i37.photobucket.com/albums/e74/mrphoto16/cool.png

9. Jika sudah. Klik Save Template.

10. Selesai . Silahkan lihat hasilnya


Related Post:

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di zykry-trick.blogspot.com
Thx to :
Jangan lupa add facebook Zykry Dark
print this page Print this page
Menambah Icon Gambar Pada Judul PostingSocialTwist Tell-a-Friend

Comments :

4 comments to “Menambah Icon Gambar Pada Judul Posting”

Affan Ruslan said...
on 

Tidak berjaya

Nikmaya John said...
on 

Mantpp nih tipsnya,,, thanks brow

AGEN BOLA TERBESAR said...
on 

Terimakasih Atas Infonya Gan.. Sangat Membantu Dan Di Tunggu Artikel Berikutnya Yah ^_^
AGEN PIALA DUNIA
BANDAR BOLA
JUDI ONLINE
BACCARAT ONLINE
PARLAY 2 TIM

Blogger said...
on 

BlueHost is ultimately the best hosting provider with plans for all of your hosting requirements.


Apa pendapat anda?

No spam and no porn yaw!!

Widget By Devils Workshop

Guest Book

Iklan

Pasang iklan anda di Zykry-trick hanya Rp.15.000 /bulan Hubungi : 087 823 177 355 - 085 759 277 896 Facebook : Zykry@programmer.net
 
twitter

Tukeran Link

Tips Dan Trick Blogging

U follow I follow

Statistik


free counters
broadband speed test
Current Events & News Blogs - Blog Rankings Blog Directory
Internet Blogs Web Design & CSS (Graphics) - TOP.ORG
Blogging Blogs - Blog Catalog Blog Directory Online Marketing - OnToplist.com
Web design blogs
The Republic of Indonesian Blogger | Garuda di Dadaku
Top 10 Award