Tambah Icon Di sebelah Tajuk Post

Posted on
  • Thursday, June 9, 2011
  • by
  • Borong Shop
  • in
  • Labels:



  • Penambahan icon di sebelah tajuk posting adalah merupakan satu daya penarik ,selain dari tajuk posting itu sendiri. Untuk makluman anda gambar yang ingin di letak mestilah bersaiz 32x32 dan ianya boleh didownload disini atau anda mengedit dan mengubah sendiri gambar anda.


    Untuk membuatnya ikuti langkah ini:


    sila login blog dan masuk ke Design --->> Edit Html


    Kemudian cari kod berikut ini:

    .post h3 {
    margin:.5em 0;
    padding:30px 0px 0px 45px;
    font-size:120%;
    font-style:italic;
    line-height:1.3em;
    color:#333;
    background:url(url gambar ) no-repeat left center;}


    kod berwarna merah ini adalah kod yang perlu ditambah di bawah kod tersebut

    Jika tidak jumpa kod seperti diatas cuba pula kod ini :

    <a expr:href='data:post.url'><data:post.title/></a>

    Nota: jika terdapat lebih dari satu kod di atas ini(maksudnya anda jumpa kod yg sama) ,maka masukkan pada kod yang pertama.
    Letakkan kod(yang berwarna kuning) kepada kod url gambar anda yang sudah di upload tadi.

    <a expr:href='data:post.url'><img src="gantikan kepada url gambar anda"/> <data:post.title/></a>

    Setelah selesai klik preview,jika tiada error maka seterusnya klik save template.

    0 comments:

    Post a Comment

     
    Copyright (c) 2010 Stylish Tutorial by Secret Profile
    Any FAQ ? : Contact Me| Forum| About Me