Pages

Thursday, April 17, 2014

Popular Post Widget ထည့္နည္း

ေအာက္ပါပံုအတိုင္း MBT ကျပဳလုပ္ထားတဲ့ Popular Post Widget ဒီဇိုင္းကို မိမိဘေလာ့မွာထည့္ခ်င္ေသာပုဂၢိဳလ္မ်ားအတြက္
ထည့္နည္းေလးပါ။ ေနာက္ျပီး က်ေနာ္ရက္ဖ္ရင့္စ္ေပးမယ့္လင့္မွာ အျခားေသာ Popular Post Widget စတုိင္လ္ေတြအမ်ား
ၾကီးပါတယ္။ တစ္ခုေလာက္နည္းရတာနဲ႔ က်န္ Popular Post Widget လဲအလားတူလုပ္တတ္မွာျဖစ္တယ္။ ကဲ အခုက်ေနာ္
ေပးစတိုင္လ္ကေတာ့ ဘာမွမခက္ဘူး။ ထည့္ၾကရေအာင္...


၁။ ဘေလာ့ဂါ Dashboard ထဲ၀င္လိုက္ပါ။
၂။ ျပီးလွ်င္ Layout > HTML/JAVASCRIPT ကိုဖြင့္ျပီး Popular Post ကိုဖြင့္ပါ။ မိမိလုိအပ္တဲ့ပို႔စ္အေရအတြက္ကို ရိုက္ထည့္
ျပီး Save လိုက္ပါ။


၃။ ထိုေနာက္ Template ကေန Edit HTML ကိုႏွိပ္ပါ။
၄။ ေအာက္ပါကုဒ္ကိုရွာပါ။
]]></b:skin>

၅။ ေတြ႕လွ်င္ ေအာက္ပါေပးထားတဲ့ကုုဒ္မ်ားကို ၎အထက္မွာထည့္လိုက္ပါ။

    /*--- MBT Popular Posts --- */
    .popular-posts ul{padding-left:0px;}
    .popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px;
    list-style-type: none;
    margin:0 0 5px 0px;
    padding:5px 5px 5px 20px !important;
    border: 1px solid #dddddd;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

    }

    .popular-posts ul li:hover {
    border:1px solid #6BB5FF;
    }

    .popular-posts ul li a:hover {
    text-decoration:none;
    }


မွတ္ခ်က္= လိုအပ္တဲ့ Backgroud color, Bolder Color မိမိၾကိဳက္သလိုျပင္ပါ။

ကိုးကား
http://www.mybloggertricks.com/2011/11/customize-blogger-official-popular.html

ေစာလင္းနက္စ္

No comments:

Post a Comment