ကြ်န္ေတာ္တို႕ရဲ ဘာေလာ့ အသစ္ မိတ္ေဆြေတြအတြက္ Widget popular post အလွဆင္နည္းေလးကို တင္ေပးလိုက္ပါတယ္။ ဒါကေတာ့ Widget popular post လို႕ေခၚပါတယ္။ ဒီဇုိင္း အသစ္ေလးမို႕ ၿပန္လည္မွွ်ေဝလိုက္ပါတယ္...။
အဆင့္ (၁) ။ ။ လုပ္နည္း
►1- Blogger Singin ၀င္လိုက္ပါ။
►2- DASHBOARD ကိုသြားလိုက္ပါ။
►3- LAYOUT ကိုကလစ္ပါ..။
►4- Add a Gadget ကို၀င္ပါ.. Popular Posts ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5- settings ကို ကြ်န္ေတာ္တို႕ ပံုမွာၿပထားတဲ႕အတိုင္း ခ်ိန္းေပးပါ။
အဆင့္ (၂) ။ ။ လုပ္နည္း
►1. Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
►2. Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕ Dashboard ကေနေပါ့
►3. Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
►4. EDIT HTML ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5. Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
]]></b:skin> ကုဒ္ကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ ]]></b:skin> ရဲ႕ အေပၚကပ္လွ်က္ ေအာက္ကေပးထားတဲ့ကုဒ္ကို ထည့္ေပးလိုက္ပါ..။
/*--- seocips --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrXN6aQk-nxQ_SSQFhm-Nhy7k8I_MjCQk0s2K8R0rKzu7xDmccgRkjBURrrcKE-LFdt87kOV24g8IeL3fo-6g6wWzYtc0mWY3Rw5pjKQdzaxILy8zIPcIT4pnPKCH6bA1W82-zm5hd8w/s1600/1.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
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;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrXN6aQk-nxQ_SSQFhm-Nhy7k8I_MjCQk0s2K8R0rKzu7xDmccgRkjBURrrcKE-LFdt87kOV24g8IeL3fo-6g6wWzYtc0mWY3Rw5pjKQdzaxILy8zIPcIT4pnPKCH6bA1W82-zm5hd8w/s1600/1.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
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;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
အဆင္ေၿပပါေစ
Credit = ေအးေက်ာ္ -နည္းပညာ
ကၽြန္ေတာ္တင္သမွ် Post ေတြကို Facebook မွ တုိက္ရုိက္ဖတ္ရႈလို႔ပါက >> နည္းပညာႏွင့္ေဆာ့ဝဲလ္မ်ား Page ကိုႏွိပ္ျပီး Like လုပ္ထားေပးပါ၊၊
Follow Me Chaw Ko Ko Facebook.
႐ိုး႐ွင္းေသာနည္းပညာမ်ားကို ဆန္းသစ္စြာတင္ဆက္မည္။
အားလံုးကိုခင္မင္လ်ွက္။
CKK - နည္းပညာ
No comments:
Post a Comment
CKK-နည္းပညာမွ ေႏြေထြးစြာၾကိဳဆိုပါတယ္ဗ် ။ လင့္ေသေနတာေတြ အဆင္မေျပတာေတြေတြ႕ရွိခဲ့ရင္ Commentမွာ ေရးသားျပီးေျပာခဲ့ပါေနာ့္...မိတ္ေဆြတို႕ Commentေတြ႕ျပီဆိုတာႏွင့္ ျပန္ျပင္ေပးပါမယ္ခဗ်... လိုအပ္တာေတြရွိရင္လဲ Commentမွာ ေတာင္ဆိုႏိူင္ပါတယ္ေနာ္....အားလံုးကို ေက်းဇူးတင္ရွိပါတယ္ ။