ဘေလာ့မွာ လွပတဲ့ Most Popular Post Slider/Image Gallery V2 ေလးေနာ္

ေရႊမိုးညိဳ | 5:38 am | Best Blogger Tips

 
 မိမိတို႕ ဘေလာ့မွာ Porpulat Post  လွလွေလးေတြ လုပ္ၾကမယ္ေနာ္...အေပၚက စတိုင္ေလးနဲ႕ေပါ့ အရမ္းးလန္းတယ္... စမ္းလိုက္ေနာ္  ေအာက္မွာ နည္းလမ္းတိုင္းေလ့လာ  ျပီးလုပ္လိုက္ပါ....
►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

</head>  သည္ကုဒ္ကိုရွာလိုက္ပါ  ေတြ႕တာနဲ႕  သူ႕အေပၚကေန ကပ္လွ်က္  ေအာက္ကေပးထားေသာကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ...

<style type="text/css">
#gallery{position:relative;margin:0 35px 20px;width:500px;height:126px;background:#ffffff}
#gallery .belt{position:absolute;top:0;left:0;list-style-type:none}
#gallery .panel{float:left;margin:20px;width:84px;height:86px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqpyo2Aa22Gu8pGSJcMS2kOq6BVcXO5hlvUlnhuAEf2rJE7h9IVaYQLSTKYT-ZJfkMdNDVZUflMzzsTJ6t9YLGGj4M0f51pX9BzyVldf8LRbw5AUO4k6MRtu2zgHvr2QEj9NnxxazUWcA/s1600/bg-slider.png) bottom center no-repeat;overflow:hidden}
#gallery .panel img{float:left;border:1px solid #DDD;margin:5px;width:72px;height:72px;background:#FFF;padding:0px}
#gallery .panel img:hover{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://latest-hacks.googlecode.com/svn/gadgets/popularposts/popular-posts.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
stepcarousel.setup({
galleryid: "gallery",
beltclass: "belt",
panelclass: "panel",
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKp1A5VN25XZRHhVFy-Xb6BwReSk4ViojpsOrgkUxz05kucv7Q8dXWregl5kPUFjl4Njyu6F9g8fAZZZTTXvdwOiZVQ5XlMZG24rfl4VOH8tMeU1Yc4F-iV-WrWdWa_CRECgMVpUlXl4U/s1600/prev.png", -40, 36], rightnav: ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBs6Deq-FfRYOqRhhF5l3v2gmWqLDvXAZ3-fsMHU1BEHJFs9Hl1NVyTXr7mfkZ5J3wx9MoGE2StBFztaNun7a9KzW8Q_qKq-Enx3Bj5VFySnDNpq745nW_M2_z9y7A6vcdWGCzFVDfjIY/s1600/next.png", 2, 36]},
contenttype: ["external"]
})
//]]>
</script>

  • ေနာက္ထပ္  ေအာက္ကကုဒ္ကို  ထပ္ရွာလိုက္ပါအုံးးေနာ္...
<b:section class='sidebar' id='sidebar' preferred='yes'>
  • ေတြ႕ျပီဆိုတာနဲ႕  သူ႕ေအာက္ကေန ကပ္လွ်က္   ေပးထားေသာေအာက္ကကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ....
<b:widget id='PopularPosts7' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div style='margin-top:20px;margin-bottom:70px;margin-left:-20px;'>
  <div id='gallery'>
   <ul class='belt'>
    <b:loop values='data:posts' var='post'>
     <li class='panel'>
      <b:if cond='data:showThumbnails == &quot;false&quot;'>
       <b:if cond='data:showSnippets == &quot;false&quot;'>
        <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
       <b:else/>
        <div class='item-title'>
         <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
        </div>
        <div class='item-snippet'>
         <data:post.snippet/>
        </div>
       </b:if>
      <b:else/>
       <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'>
        <b:if cond='data:post.thumbnail'>
         <img expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
        <b:else/>
         <img alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl-YoM4z39SUd8MuaSBgHJjqBbuL_P6CdZRakcVL-5KwqfO4WpiuaXzpMbtdHzHa2Nkc7ahMnZZHp4ss6V1dlZLyX5z5lqOZBkC1t2YsrkwMo5nItuJMlvsmpK9liEgttJ3pa86lHR8RU/s1600/defaultimage.jpg'/>
        </b:if>
       </a>
      </b:if>
     </li>
    </b:loop>
   </ul>
  </div></div></b:if>
 </b:includable>
</b:widget>

  • Now save your template
thanks: http://www.snacktools.com

<<<တာ၀န္မေလးပါကတခ်က္ေလာက္ကလစ္ေပးခဲ့ေစလို>>>

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ
Like Box ေလးမွအမွန္ျခစ္မေပၚေသးရင္ like လုပ္ေပးခဲ့ပါဦးေနာ္..
{[['']]}

0 comments:

Post a Comment

⋙-⋗( က်ေနာ္တင္သမွ်ဖတ္ခ်င္ရင္⋙ℒike⋘သြားပါ)⋖-⋘

ေဖ့ဘုတ္မွာကြန္မန္႔ေပးခ်င္ရင္ပံုကိုကလစ္ပီးကြန္မန္႔ေပးႏိုင္ပါပီ




************************************

*အဆင္မေျပတာေတြရွိခဲ့ရင္
*
*( viber whatsapp wechat )
*
* အဆင္ေျပမဲ့ေနရာေတြကေန
*
* SMS ပို႔ပီးအကူညီေတာင္းႏိုင္ပါတယ္
*
* ခ်က္ေဘာက့္ေတြကေနတဆင့္လိုခ်င္တာေတြ
*
* ေတာင္းထားႏိုင္ပါတယ္
*
* အဆင္မေျပခဲ့တာေတြရွိခဲ့ရင္လည္း
*
*ခြင့္လႊတ္သီးခံေပးက်ပါေနာ္..
*
************************************