Call Yangonthar Phone Number: 083-111-8534(thai)

Old and New Post Cloud Lable Widget

 
သူငယ္ခ်င္းတို႔ ျမင္ဖူးၾကမွာပါ။တစ္ခ်ိဳ႕ဘေလာ့စ္ေတြမွာ ကိုယ္တင္တဲ့ပိုစ့္ ရဲ႕ေထာင့္ေလးမွာ
ပိုစ့္အသစ္ဆိုရင္ NEW ပိုစ့္အေဟာင္းဆိုရင္ OLD ဆိုျပီးေၾကာ္ျငာစာတမ္းေလး ကပ္ထားတာ
စိတ္၀င္စားတယ္ဆုရင္ေတာ့ေအာက္မွာ အေသးစိတ္ရွင္းျပထားပါတယ္။
လိုက္လုပ္ၾကည့္ပါ။
ပထမဆံုး မိမိတို႔ရဲ႕ ဘေလာ့စ္ကေန Template ကိုသြားလိုက္ပါ။
ျပီးရင္ Edit Html ထဲကိုႏွိပ္ျပီး၀င္လိုက္ပါ။ အေရးၾကီးတာက မိမိ Template ကိုအရင္
BackUp လုပ္ထားပါ။ျပီးရင္.. Ctrl+f ႏွိပ္ျပီးရွာ။ မ်က္စိအားေကာင္းရင္ေတာ့ ဒီတိုင္းရွာပါ။
 ]]></b:skin>  ဆိုတာေတြ႔ရင္ သူ႔အေပၚမွာ ေအာက္ကကုတ္ကိုကူးျပီး ထည့္ေပးလိုက္ပါ။
တစ္ခ်ိဳ႕ Templates ေတြမွာ ဒီလိုျဖစ္ေနတတ္ပါတယ္ </b:skin>...</b:skin>
ဒီလိုျဖစ္ေနရင္ အဲ့ဒီ့ 2ခုၾကားမွာ
ကလစ္တစ္ခ်က္ႏွိပ္လိုက္ပါ။ ဖြက္ထားတဲ့ DATA ေတြေပၚလာပါလိမ့္မယ္။

ခုနကရွာမေတြ႔တဲ့   ]]>< /b:skin> ကုဒ္ေလးေပၚလာပါျပီ။ အဲ့ဒီ့ကုဒ္ေလးရဲ႕အေပၚ
မွာေအာက္ကကုဒ္ကိုကူးျပီး Paste လုပ္လိုက္ပါ။

.new1 {    width: 56px;    height: 56px;    position: relative;    left: 20px;    top: -13px;    float: right;    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcbm-l84gkCHlwB4YlTYeBn63JvtwaYbFCEemGQwp7p2zg2UV6hH5bEbLAMJ3_TF8Sf9_Ieul2QZjFW4xHNsy_aQLLpyCt6B47Aaul5HCgjgoEqqhmxvipityRmPeKSDVv14FNHRmuphr5/s400/New.png") no-repeat scroll 0% 0% transparent;} .old1 {    width: 56px;    height: 56px;    position: relative;    left: 20px;    top: -13px;    float: right;    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrswAWkMDyACGnjW1Igw56XTXDQ0trVLnvragtOI3oOCz5g5IH6_FPryjgpZnmYmvHgOGnxW6ERBsLmEKm9MGRvQzctLtmy91_EwUAn2pWPwkMxmnEmSsNHgQWAfqxNDRWPbksy_rNdVZY/s400/old.png") no-repeat scroll 0% 0% transparent;}
မျပီးေသးပါဘူးေအာက္ကကုဒ္ကိုထပ္ရွာပါအံုး။
<head> ေတြ႔ရင္ေအာက္ကကုဒ္ကို သူ႔အေပၚမွာ ကူးထည့္ေပးလိုက္ပါ။

<script type='text/javascript'>         $(document).ready(function() {             $(".dropdown img.flag").addClass("flagvisibility");             $(".dropdown dt a").click(function() {                $(".dropdown dd ul").toggle();            });                
            $(".dropdown dd ul li a").click(function() {                var text = $(this).html();                $(".dropdown dt a span").html(text);                $(".dropdown dd ul").hide();                $("#result").html("Selected value is: " + getSelectedValue("sample"));            });                
$('.blog-posts').find($('.post')).slice(1).prepend("<span class='old1'></span>")            function getSelectedValue(id) {                return $("#" + id).find("dt a span.value").html();            }             $(document).bind('click', function(e) {                var $clicked = $(e.target);                if (! $clicked.parents().hasClass("dropdown"))                    $(".dropdown dd ul").hide();            }); $('.blog-posts').find($('.post')).first().prepend("<span class='new1'></span>")            $("#flagSwitcher").click(function() {                $(".dropdown img.flag").toggleClass("flagvisibility");            });        });      </script>
ျပီးရင္ေတာ့ Save Template ေပါ့ေနာ္။
ရန္ကုန္သား(နည္းပညာျမိဳ႕ေတာ္) http://mm-knowledge.blogspot.com
အားလံုးအဆင္ေျပမွာပါ။ ေနာက္ထပ္ Blog နဲ႔ပတ္သက္တဲ့ဒီလိုပိုစ္႔မ်ားကို က်ြန္ေတာ့္

ဘေလာ့စ္ရဲ႕ "လိုခ်င္တာဒီမွာရွာ" ဆိုတဲ့ Lable ေခါင္းစဥ္ေအာက္မွာ" BLOG နည္းပညာ "
လို႔ေရးထားပါတယ္ ။

0 comments:

Subscribe to: Post Comments (Atom)
အဆင္ေျပတယ္ဆိုရင္ေၾကာ္ျငာေလးကလစ္ခဲ့ဖို႔မေမ့လိုက္ပါနဲ႔သူငယ္ခ်င္း..ေိခိးD

အဖြဲ႔၀င္ခဲ့ဖို႔ဖိတ္ေခၚပါတယ္

Featured
     Featured Post