Gambar di sebelah judul posting

Salah satu cara agar Pengunjung betah di blog adalah dengan mengoptimalkan blog tersebut. dengan posting yang bermanfaat dan dengan menghias blog tersebut. Banyak cara untuk menghias blog, untuk kita- kita ini blogger pemula bisa mencari tutorial-tutorialnya dengan mengandalkan mbah google. pada kesempatan ini, akan sedikit saya sharing bagaimana memasang gambar di setiap judul posting. ada yang tertarik. mau mau mau?sebagai contoh lihat di blog saya

• Pertama, log in ke akun blogger
• Pada menu Dashboard pilih Tata Letak - Edit HTML
• Centang kotak Expand Template Widget
  
  
  
  
  
  
  
  
  
• Cari kode dibawah ini.[kurang lebih seperti ini, intinya cari yang mirip kode ini karena setiap template mungkin berbeda-beda]
  
  .post h3 {
  margin: 0px 0px 20px 0px;
  padding: 22px 0px 0px 45px;
  color: $postTitleColor;
  font: $postTitleFont;
  text-decoration: none;
  text-align: left;
  line-height: 1.4em;
  /* text-transform: uppercase; */
  border-bottom: 2px dashed $posttitleBorderColor;
  background: #ffffff;
  }
  
• Langkah selanjutnya,kita memasukkan URL gambar kita di  background: #ffffff;, misal dalam hal ini contoh imagenya http://www.crosswordman.com/bk20.gif
  
  .post h3 {
  margin: 0px 0px 20px 0px;
  padding: 22px 0px 0px 45px;
  color: $postTitleColor;
  font: $postTitleFont;
  text-decoration: none;
  text-align: left;
  line-height: 1.4em;
  /* text-transform: uppercase; */
  border-bottom: 2px dashed $posttitleBorderColor;
  background:url(http://www.crosswordman.com/bk20.gif) no-repeat left center;
  }
• Klik Pratinjau untuk melihat previewnya atau langsung klik Simpan Template.
• Selesai.
  

Artikel terkait lainnya: