#imagemove { padding:0; margin-left:30px; list-style-type:none; height:120px; } #imagemove li { display:block; float:left; width:120px; height:120px; position:relative; margin:0 15px 7px 0; } #imagemove li a { display:block; width:120px; height:120px; background:transparent; overflow:hidden; position:relative; padding:5px; } #imagemove li a img { width:100%; height:100%; border:0; margin-right:30px; padding:5px; } #imagemove li a:hover{ position:absolute; left:0px; top:20px; padding:5px; width:120px; height:120px; z-index:100; } ဖိုးခြါးေလး zaw IT နည္းပညာ စုစည္းမွဳ: မိမိရဲ႕ ဘေလာ့မွာ Related posts ေတြကို thumbnails နဲ႕ေဖာ္ျပမယ္။ http://i643.photobucket.com/albums/uu153/nirav07/green1.gif

17 December, 2012

မိမိရဲ႕ ဘေလာ့မွာ Related posts ေတြကို thumbnails နဲ႕ေဖာ္ျပမယ္။



မိမိဘေလာ့ေလးပိုမို ေကာင္းမြန္ေစရန္ႏွင့္ ဆဲြေဆာင္မႈပိုမိုရရိွေစရန္ အရင္ကေရးထားေသာ ပို႕ေတြကိုthumbnails ေတြနဲ႔ေဖာ္ျပရေအာင္။
ေအာက္ကပံုက ကၽြန္ေတာ့္ဒီဆိုက္ေလးမွာအဲဒီလိုလုပ္ထားတာပါ။
 အဆင့္(၁) အေနနဲ႕ေအာက္ပါလိပ္စာအတိုင္းသြားလိုက္ပါ။




http://www.linkwithin.com/learn?ref=widget
အဆင့္(၂) အေနနဲ႕ လိုအပ္တာေတြကို ျဖည့္ပါ။
ေအာက္မွာပံုနဲ႕ ရွင္းေပးထားပါတယ္
email ေနရာမွာသင့္ email လိပ္စာကိုတည့္ပါ.
blog link ေနရာမွာ သင့္ဘေလာ့ လိပ္စာကိုထည့္ပါ။
platform ဆိုတဲ့ေနရာမွာသင္တို႕သံုးေနတဲ့ ဘေလာ့ဆိုက္အမ်ိဳးအစားကိုေရြးပါ။
ဥပမာ blogger နဲ႕သံုးရင္ blogger ဆိုတာကိုေရြးပါ။ wordpress,typepad စသည္ျဖင့္ပါ ပါတယ္။
ေနာက္တဆင့္က သင့္ဘေလာ့ template အမည္း စာလံုးေတြက ထင္ရွားတယ္ဆိုရင္ဆိုပါက My blog has light text on a dark background ဆိုတာေလးကို ကလစ္ေပးခဲ့ပါ။
အာလံုးျပီးရသ္ Get Widget ကိုႏိွပ္လိုက္ပါ။

ေနာက္အဆင့္ကေတာ့ေအာက္ပါအတိုင္းလုပ္ပါ။

အနီေရာင္နဲ႕ ၀ိုင္းထားတာကိုကလစ္လိုက္ပါ။
ေနာက္ ျပီးေတာ့ ADD WIDGET ကိုကလစ္လိုက္ပါ။
ျပီးရင္ link within ဆိုတဲ့ widget ေလးကို blog posts ေအာက္ေျခကို ဖိဆဲြလာခဲ့ပါ။
ျပီးရင္ save ကိုကလစ္ပါ။ဒါဆိုရင့္ သင့္ရဲ႕ blogspot ဆိုက္ေလးပိုမိုျပည့္စံုးသြားပါျပီ။

No comments:

Post a Comment