April 24, 2011

Post Title မွာ icon ထည့္နည္း



ပို႔စ္ေတြရဲ့ ေခါင္းစဥ္ေရွ႕မွာ ျဖစ္ျဖစ္၊ေနာက္မွာ ျဖစ္ျဖစ္ ပံုေလးထည့္ခ်င္တယ္ဆိုရင္ ဒီနည္းကို သံုးႏိုင္ပါတယ္။



အဆင့္ ၁ - 12x12px ေလာက္ရွိတဲ့ သင့္ေတာ္တဲ့ ပံုတစ္ခုလိုပါမယ္။ၿပီးရင္ ပံုကို blogger မွာပဲျဖစ္ျဖစ္၊တစ္ေနေနရာရာမွာ upload လုပ္ၿပီး ပံုရဲ့ link ကို ကူးထားပါ။ ၿပီးရင္ ေအာက္က code ထဲမွ LINK OF YOUR ICON ဆိုတဲ့ ေနရာမွာထည့္လိုက္ပါ။

<img src="LINK OF YOUR ICON" style="border-width:0px" />

အဆင့္ ၂ - Blogger Dashboard မွ Design ကေန Edit HTML ကိုသြားပါ။ၿပီးရင္ Download full template ကိုႏွိပ္ၿပီး သင့္ template ကို backup လုပ္ထားပါ။Expand Widgets Template မွာ အမွန္ျခစ္ေပးလိုက္ပါ။


အဆင့္ ၃ - Ctrl+F ကိုႏွိပ္ၿပီး ေအာက္က code ကိုရွာပါ။ေအာက္က code နဲ႔ အတိအက်တူတာမေတြ႔ရင္ <b:includable id='post' var='post'> ကို ရွာပါ။

<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>

အဆင့္ ၄ - ေတြ႔ၿပီဆိုရင္ အဆင့္ ၂ မွာကူးထားတဲ့ code ကို <b:if cond='data:post.url'> အေပၚမွာထည့္ေပးလုိက္ပါ။
တကယ္လို႔ ပံုကို title ေနာက္မွာေပၚေစခ်င္ရင္ေတာ့ အဆင့္ ၂ က code ကို<data:post.title/> ေနာက္မွာထည့္ေပးလိုက္ရင္ ရပါၿပီ။

အဆင့္ ၅ - Template ကို save မလုပ္ခင္ preview အရင္ၾကည့္ၿပီး အိုေကၿပီဆိုရင္ save လုပ္လိုက္ပါ။


မွတ္ခ်က္မရွိေသးပါ...

 
©2013 by Way To Professional | Blogger Help