Saturday 17 November 2012

လင့္ကို icon image နဲ႔ တြဲ ျပီးထည့္နည္း




1.       First sign in

2.      DASHBOARD >> DESIGN >> EDIT HTML

3.      EXPAND WIDGET TEMPLATE

4.        CTRL + F ကိုႏွိပ္ပါ ေအာက္ကကုဒ္ကို၇ိုက္ထည့္ျပီးရွာပါ

]]></b:skin>

5.       ေအာက္ကေပးထားတာကို .]]></b:skin> ဒီေအာက္မွာထည့္ပါ

.techblaster-net-1 { 
background: url(Your Icon Link) no-repeat 0px 0px; 
padding:7px 0 0 25px; 
}

6.     Your Icon Link”ဒီေန၇ာမွာ သင္ထည့္လိုတဲ့ icon ကို ဆိုဒ္တစ္ခုမွာတင္ျပီးလင့္ယူထည့္ေပးပါ

7.     တကာ္လို႔ သင္က အိုင္ကြန္ 34ခုေလာက္ထည့္ခ်င္ရင္ ေအာက္မွာျပထားသလို 1 2 3 4 တပ္ျပီးလင့္ေတြ ျပေပးလိုက္ပါ

.techblaster-net-1
background: url(Your Icon Link 1) no-repeat 0px 0px; 
padding:7px 0 0 25px; 
}
.techblaster-net-2
background: url(Your Icon Link 2) no-repeat 0px 0px; 
padding:7px 0 0 25px; 
}
.techblaster-net-3
background: url(Your Icon Link 3) no-repeat 0px 0px; 
padding:7px 0 0 25px; 
}


8.       Save Template

9.       ဒီေန၇ာကိုျပန္သြားပါ  DASHBOARD >> NEW POST

10.    Select HTML

11.  ဒီေအာက္ကကုဒ္ကို ယူထည့္ ပါေလနံဓါးထစ္ မလုပ္နဲ႔ ေတြးျပီးလုပ္

<a  class="techblaster-net-1" href="Your Download Link">Anchor Text</a>


12.   techblaster-net-1” အဆင့္ 7က ဟာကိုထည့္ေပးပါ

13.   Your Download Link” ေဒါင္းလုတ္ေပးမယ့္လင့္ကိုထည့္ေပးပါ

14.  Anchor Text” သင္ေဖာ္ျပလိုတဲ့ စာကိုေရးပါ

15.   သင့္စာတကိုတင္လို႔ရျပီ 

No comments:

Post a Comment