Subscribe to Revolution Church

Makalah Keperawatan

Blog Accessories

Blogger Pemula

Wednesday, August 24, 2011

Cara Membuat Icon Keren Disamping Judul Posting Blogspot


Assalamualaikum Wr. Wb.



Cara Membuat Icon Keren Disamping Judul Posting Blogspot
Menambahkan icon keren disamping judul postingan pada Blogspot akan menambah keindahan dan ketertarikan para pengunjung. Anda bisa memperindah blog anda dengan menambahkan icon keren disamping judul posting pada blog yang anda miliki.





Buat sobat blogger yang ingin memperindah blog-nya dengan menambahkan icon keren disamping judul posting agar tampak kelihatan lebih menarik, saya punya cara yang dapat membantu sobat untuk Cara Membuat Icon Keren Disamping Judul Posting Blogspot.

Nach,,,,jika sobat merasa tertarik tuk memasang icon disebelah judul posting kali ini, saya akan memberikan caranya...

Langsung saja...ikuti langkah-langkah berikut ini :
Langkah I
  • Siapkan gambar/icon yang akan sobat gunakan
  • Ubah ukuran icon menjadi (32x32px) atau (25x25px)
  • Upload icon tersebut ke blog sobat, kemudian copy alamat URL gambar/iconnya. Contoh  (http://icons.iconarchive.com/icons/hybridworks/yoritsuki/32/Takezake-sake-in-a-bamboo-container-icon.png).
  •  Jika sudah selesai, sobat lanjut langkah yang ke dua.



Langkah II
  • Silahkan Log in ke Blogger anda [klik] disini
  • Pilih Tata Letak/Edit HTML.
  • [klik] Download Full Template. Untuk berjaga-jaga apabila terjadi kesalahan.
  • Cari kode seperti dibawah ini :      => Gunakan saja pencarian cepat => Ctrl + F) 

.post h3 {
color: #444;
font-size: 18px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0px 0px;


  • Jika sudah ketemu, sobat tambahkan/sisipkan kode dibawah ini :

background:  url("Alamat URL icon sobat") 0px 3px no-repeat;

  • Masukkan alamat URL icon sobat. Contoh alamat URL Icon punya saya (http://icons.iconarchive.com/icons/hybridworks/yoritsuki/32/Takezake-sake-in-a-bamboo-container-icon.png).
  • Kemudian atur posisinya agar tepat. Anda tinggal mengatur padding: 10px 0px 0px; sehingga menjadi padding: 10px 35px 8px; atau terserah dari keinginan sobat.
  • Jika sudah selesai, nanti hasilnya akan menjadi seperti dibawah ini : 

.post h3 {
background:  url("http://icons.iconarchive.com/icons/hybridworks/yoritsuki/32/Takezake-sake-in-a-bamboo-container-icon.png") 0px 3px no-repeat;
color: #444;
font-size: 18px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 35px 8px;

  • Setelah selesai, [klik] Simpan Template 
  • Nach....anda bisa liat hasilnya dech...!!!

Sobat bisa mengganti icon yang sobat inginkan, terserah dari selera sobat.
Jika sudah hasilnya akan seperti dibawah ini :



Jika sobat tidak mempunyai gambar/icon keren, sobat bisa menggunakan gambar/icon yang saya telah siapkan sebelumnya...

 
http://icons.iconarchive.com/icons/everaldo/starwars/32/Darth-Vader-icon.png


  http://icons.iconarchive.com/icons/joker-design/android/24/contacts-icon.png

  http://icons.iconarchive.com/icons/iconshock/high-detail-social/24/blogger-icon.png

  http://icons.iconarchive.com/icons/musett/glow-ball/24/Google-Earth-icon.png


http://icons.iconarchive.com/icons/everaldo/starwars/32/clone-old-icon.png



Semoga bermanfaat....!!



Bambua*09

Artikel Terkait



0 comments:

Post a Comment

My Facebook

Statistik

 
BAMBUA*09. Copyright 2008 All Rights Reserved by Bambua*09 Blogger Template by BAMBUA*09