আপনার ব্লগে যুক্ত করে নিন অসাধারন Social Bookmarking ওয়েডগেট।



আল্লাহ্‌ এর নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আমি সব সময় চাই নতুন কিছু নিয়ে পোস্ট করতে বিশেষ করে ব্লগার ওয়েড গেট গুল , তাই আজকে পেয়ে গেলাম একটি অসাধারন Social Bookmarking ওয়েডগেট। এটা দেখতে অনেকটা আইনার মতো লাগবে । বুজেছি আপনারা ডেমো দেখবেন কোন সমস্যা নাই নীচে থেকে এর ডেমো দেখে নিন ।


                                                      LIVE DEMO


* কি ক্যামন দেখতে এটা দারুন না । এটাকে কিভাবে আপনার করবেন , খুব সোজা নিচের টিপস গুল লক্ষ  করুন।



১) আপনার ব্লগ লগ অন করুন ।

২) Layout এ ক্লিক করুন ।

৩) Add a gadget এ ক্লিক করুন ।

৪) Html / javascript ক্লিক করে বসিয়ে নিন ।


 <style>  .RWG-flapwid {  font-family:Cambria, Georgia, serif;  font-weight:300;  font-size:15px;  color:#333;  overflow-y:hidden;  overflow-x:hidden;  height:270px;  font-smoothing:antialiased;  -webkit-font-smoothing:antialiased;  -moz-font-smoothing:antialiased;  -o-font-smoothing:antialiased;  -ms-font-smoothing:antialiased;  margin:1px;  }    .RWG-flapwid a {  color:#555;  text-decoration:none;  }    .RWG-bdy {  width:600px;  position:relative;  margin:1px;  }    .clr {  clear:both;  height:0;  margin:0;  padding:0;  }    .RWG-fgt {  list-style:none;  display:block;  text-align:center;  width:100%;  margin:5px 0 0;  padding:0;  }    .RWG-fgt:after,.RWG-itm:before {  content;  display:table;  }    .RWG-fgt:after {  clear:both;  }    .RWG-fgt li {  width:170px;  height:170px;  display:inline-block;  margin:10px;  }    .RWG-itm {  width:100%;  height:100%;  border-radius:50%;  position:relative;  cursor:default;  -webkit-perspective:900px;  -moz-perspective:900px;  -o-perspective:900px;  -ms-perspective:900px;  perspective:900px;  }    .RWG-tgf {  position:absolute;  width:100%;  height:100%;  -webkit-transform-style:preserve-3d;  -moz-transform-style:preserve-3d;  -o-transform-style:preserve-3d;  -ms-transform-style:preserve-3d;  transform-style:preserve-3d;  }    .RWG-tgf > div {  display:block;  position:absolute;  width:100%;  height:100%;  border-radius:50%;  background-position:center center;  -webkit-transition:all .4s linear;  -moz-transition:all .4s linear;  -o-transition:all .4s linear;  -ms-transition:all .4s linear;  transition:all .4s linear;  -webkit-transform-origin:50% 0;  -moz-transform-origin:50% 0;  -o-transform-origin:50% 0;  -ms-transform-origin:50% 0;  transform-origin:50% 0;  }    .RWG-tgf .RWG-tgf-front {  box-shadow:inset 0 0 0 10px rgba(0,0,0,0.3);  }    .RWG-tgf .RWG-tgf-backfb {  -webkit-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  -moz-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  -o-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  -ms-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  background:#4668af url(http://4.bp.blogspot.com/-0gTrM1fhCa8/UdUTAOqf1bI/AAAAAAAAGFk/p-BW0ZExx5I/s200/widget-generatorsdotcom.png);  opacity:0;  }    .RWG-tgf .RWG-tgf-backgp {  -webkit-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  -moz-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  -o-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  -ms-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  background:#de3a26 url(http://4.bp.blogspot.com/-0gTrM1fhCa8/UdUTAOqf1bI/AAAAAAAAGFk/p-BW0ZExx5I/s200/widget-generatorsdotcom.png);  opacity:0;  }    .RWG-tgf .RWG-tgf-backtw {  -webkit-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  -moz-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  -o-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  -ms-transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  transform:translate3d(0,0,-170px) rotate3d(1,0,0,90deg);  background:#0dace1 url(http://4.bp.blogspot.com/-0gTrM1fhCa8/UdUTAOqf1bI/AAAAAAAAGFk/p-BW0ZExx5I/s200/widget-generatorsdotcom.png);  opacity:0;  }    .RWG-img-1 {  background:#4668af url(http://1.bp.blogspot.com/-pXnFkw2YkRs/UdUUMs-lbAI/AAAAAAAAGF4/S6YJdoaIhq0/s66/widgetgen-facebook.png) center no-repeat;  }    .RWG-img-2 {  background:#de3a26 url(http://1.bp.blogspot.com/-ypXKenDQFtI/UdUTuipw8GI/AAAAAAAAGFs/ARvTvgdKRHo/s60/widgen-googleplus.png) center no-repeat;  }    .RWG-img-3 {  background:#0dace1 url(http://3.bp.blogspot.com/-kclCZbupZ7E/UdUUQNrXx_I/AAAAAAAAGGA/h4dVxNKP5Qg/s60/widgetgen-twitter.png) center no-repeat;  }    .RWG-tgf h3 {  color:#fff;  text-transform:uppercase;  letter-spacing:0;  font-size:24px;  height:40px;  font-family:'Open Sans', Arial, sans-serif;  text-shadow:0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);  margin:0 20px;  padding:40px 0 0;  }    .RWG-tgf p {  color:#fff;  font-style:italic;  font-size:12px;  border-top:1px solid rgba(255,255,255,0.5);  margin:10px 0;  padding:0;  }    .RWG-tgf p a {  display:block;  width:100px;  height:30px;  background:rgba(0,0,0,0.3);  border-radius:2px;  color:#fff;  font-style:normal;  font-weight:700;  text-transform:uppercase;  text-decoration:none;  font-size:9px;  letter-spacing:1px;  padding-top:3px;  font-family:'Open Sans', Arial, sans-serif;  text-shadow:0 0 0 #fafafa, 0 0 1px rgba(0,0,0,0.3);  -webkit-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0;  -moz-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0;  -o-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0;  -ms-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0;  transition:transform .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0;  margin:7px auto 0;  }    .RWG-tgf p a:hover {  background:rgba(0,0,0,0.2);  text-shadow:none;  -webkit-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0;  -moz-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0;  -o-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0;  -ms-transition:0 .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0;  transition:transform .3s ease-in-out .2s opacity .3s ease-in-out .2s background .2s linear 0;  }    .RWG-itm:hover .RWG-tgf-front {  -webkit-transform:translate3d(0,230px,0) rotate3d(1,0,0,-90deg);  -moz-transform:translate3d(0,210px,0) rotate3d(1,0,0,-90deg);  -o-transform:translate3d(0,210px,0) rotate3d(1,0,0,-90deg);  -ms-transform:translate3d(0,210px,0) rotate3d(1,0,0,-90deg);  transform:translate3d(0,210px,0) rotate3d(1,0,0,-90deg);  opacity:0;  }    .RWG-itm:hover .RWG-tgf-backfb,.RWG-itm:hover .RWG-tgf-backgp,.RWG-itm:hover .RWG-tgf-backtw {  -webkit-transform:rotate3d(1,0,0,0deg);  -moz-transform:rotate3d(1,0,0,0deg);  -o-transform:rotate3d(1,0,0,0deg);  -ms-transform:rotate3d(1,0,0,0deg);  transform:rotate3d(1,0,0,0deg);  opacity:1;  }  </style>    <br/><a href='http://www.widgetgenerators.com/'></a>  <div class="RWG-flapwid">  <div class="RWG-bdy">  <section class="main">  <ul class="RWG-fgt">  <li>  <div class="RWG-itm">  <div class="RWG-tgf">  <div class="RWG-tgf-front RWG-img-1"></div>  <div class="RWG-tgf-backfb">  <h3>Facebook</h3>  <p>Like Our Page <a href="http://facebook.com/Asobondhublog">Like us On Facebook</a></p>  </div>  </div>  </div>  </li>  <li>   <div class="RWG-itm">  <div class="RWG-tgf">  <div class="RWG-tgf-front RWG-img-2"></div>  <div class="RWG-tgf-backgp">   <h3>Google+</h3>  <p>Add Us To your Circle<a href="https://plus.google.com/101073711453747706715">Add Us On Google+</a></p>  </div>  </div>  </div>  </li>  <li>   <div class="RWG-itm">  <div class="RWG-tgf">  <div class="RWG-tgf-front RWG-img-3"></div>  <div class="RWG-tgf-backtw">  <h3>Twitter</h3>  <p>Join Us on Twitter<a href="http://twitter.com/Asobondhu">Follow Us on Twitter</a></p>  </div>  </div>  </div>  </li>  </ul>  </section></div>  </div>  



                               * এবার একটু এডিট করে নিতে হবে *


১) Asobondhublog এটা মুছে সেখানে আপনার ফেসবুক ফ্যান পেজ এর URL টি বসান ।

২) 101073711453747706715 এটা মুছে সেখানে আপনার Google+ এর URL টি বসিয়ে দিন ।

৩) Asobondhu এটা মুছে সেখানে আপনার twitter এর URL টি বসিয়ে দিন ।


* আশাকরি বুজতে কোন অসুবিধা হল না । তাহলে ক্যামন লাগলো কমেন্ট করে জানাতে ভুলবেন না কিন্তু । আজকের মতো এই পর্যন্ত আবার দ্যাখা হবে । আল্লাহ্‌ হাফেজ ।



এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

1 মন্তব্যসমূহ

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

নবীনতর পূর্বতন

نموذج الاتصال