ဘေလာ့မွာ Skin’s Social Media Listing Widget ေလးထည့္မယ္

ဒါေလးကေတာ့ မိမိတို႕ ဘေလာ့မွာ Skin’s Social Media Listing Widget ေခၚတဲ့ အလန္းစားေလး ထည့္ၾကမယ္... 

စၾကမယ္ေနာ္.. 

• အရင္ဆုံး ဘေလာ့ကာ၀င္လိုက္ပါ  “Layout”.  ကိုသြားပါ
• အဲမွာ  “Add a Gadget” ကိုကလစ္ ေနာက္ “HTML/JavaScript”. ကိုကလစ္ပါ
• က်လာမဲ့ ေဘာက္ေလးထဲမွာ ေအာက္က ေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ။

<div>
<ul>
<li><a href="http://feeds.feedburner.com/chandeepsBlogTips">Subscribe to the RSS Feed</a></li>
<li><a href="https://twitter.com/chandeeban">Follow me on Twitter</a></li>
<li><a href="https://www.facebook.com/blogtipsntricks">Find me on Facebook</a></li>
<li><a href="https://plus.google.com/u/0/b/101110372634917065358/">Join me on Google+</a></li>
<li><a href="http://in.linkedin.com/in/blogtipsntricks">Connect with me on LinkedIn</a></li>
<li><a href="http://www.youtube.com/user/chandeep10">Watch me on YouTube</a></li>
</ul>
</div>
<style type='text/css'>
/*<![CDATA[*/ 
.btnt-chronicl-social {  width: 320px;  margin: -10px;  }
.btnt-chronicl-social ul {  margin: 0;  padding: 0;  }
.btnt-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a {   color: #fff;   display:block;  }
.btnt-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }
.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 17.5px 45px; }
/*]]>*/
</style>     

 မွတ္ခ်က္ ။        ။  အနီေရာင္ျပထားတဲ့  URL ေတြမွာ မိမိတို႕ ရဲ႕ url လင့္ေတြကို ထည့္ေပးရမွာပါ။

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။

Posted in: Blogger Widget