আপনার ব্লগে এড করে নিন অসাধারণ একটি স্যোশাল শেয়ারিং গ্যাজেট

আশা করি আপনারা ভাল আছেন । এইবার আমি আপনাদের সাথে শেয়ার করতে যাচ্ছি একটি চরম Post sharing widget | আপনার ব্লগের যে-কোন পোস্ট এর নিচে এইটি শো করবে এবং সত্যি বলতে এটি অসাধারণ একটি গ্যাজেট ।<br /> নিচের ছবিটা দেখুন এটি দেখতে কেমন হবে<br /> <img alt="Beautiful post sharing widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfAFpQRskUMfEau3Sgfoi03dLxG_WV9s-iLsFzrH9zLXnDcM0Yh-FauLlI88ThYYRYAlyJaWmBIPhSxq5FGP-SAQgON2w1yvq7C_y8ZYgBc1JAF5QvoWusc70tFsb4sT2fSrTbRYudmXo/s1600/social.png" /><br /> <br /> এবার দেখে নেয়া যাক কি করে এটি আপনার ব্লগে এড করবেন , প্রথমে Blogger Dashboard> Template -> Edit HTML এ যান | তারপর Ctrl+F চেপে ]]></b:skin> এটি খুজে বের করুন এবং ( ]] ) এর আগে নিচের কোডটুকু পেষ্ট করে দিন :<br /> <br /> <br /> <div class="MsoNoSpacing"><blockquote class="tr_bq">/*** Share Post by www.mytechbangla.blogspot.com ***/<br /> .bisoy-vag {<br /> font-size: 13px;<br /> margin-top: 15px;<br /> }<br /> .bisoy-vag li {<br /> float: left;<br /> }<br /> .bisoy-vag a {<br /> display: block;<br /> margin-right: 10px;<br /> text-indent: -9999px;<br /> margin-left: 12px;<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzLN4ZjQ3LJR2FFO7jxpsbD9MbyCAj3deyG5ocdBy5fWQv6I987rKmbRy2XZ5Zy0Sm2Le-wdfkJqmwdYVMt2dw4m9kAAGIqanInGqW8MS5Rd8GyVhk-uc8RsOa17uFRqbeKVW11AzvrAk/s1600/single-share.png) no-repeat;<br /> -webkit-transition: opacity .2s;<br /> -moz-transition: opacity .2s;<br /> -o-transition: opacity .2s;<br /> transition: opacity .2s;<br /> }<br /> .bisoy-vag a:hover {<br /> opacity: .7;<br /> }<br /> .bisoy-vag<br /> .facebook a {<br /> width: 7px;<br /> }<br /> .bisoy-vag<br /> .twitter a {<br /> width: 18px;<br /> background-position: -47px 0;<br /> }<br /> .bisoy-vag<br /> .google a {<br /> width: 14px;<br /> background-position: -105px 0;<br /> }<br /> .bisoy-vag<br /> .pinterest a {<br /> width: 11px;<br /> background-position: -159px 1px;<br /> }<br /> #bisoy-vag {<br /> width: 100%;<br /> overflow: hidden;<br /> margin-top: 20px;<br /> }<br /> #bisoy-vag a {<br /> display: block;<br /> height: 32px;<br /> line-height: 32px;<br /> color: #fff;<br /> float: left;<br /> padding-right: 10px;<br /> margin-right: 10px;<br /> margin-bottom: 25px;<br /> }<br /> #bisoy-vag<br /> .facebook {<br /> background-color: #436FC9;<br /> }<br /> #bisoy-vag<br /> .twitter {<br /> background-color: #40BEF4;<br /> }<br /> #bisoy-vag<br /> .google {<br /> background-color: #EC5F4A;<br /> }<br /> #bisoy-vag<br /> span {<br /> display: block;<br /> width: 32px;<br /> height: 32px;<br /> float: left;<br /> margin-right: 10px;<br /> background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgooxrIoNQ7cHV2uHS11A8xoIBPhNakRVpQXahwc37e3tBGN_uSTF4_mjmG321y20NQqSN0CMvcFWoTMiUBpM4VyQEods40O04YP0T8ru9-roqIfwapNaFgOlr4NTplbnXCByRX4_hwGFM/s1600/BloggerSpice+bisoy-vag.png) no-repeat;<br /> }<br /> #bisoy-vag<br /> .facebook span {<br /> background-color: #3967C6;<br /> }<br /> #bisoy-vag<br /> .twitter span {<br /> background-color: #26B5F2;<br /> background-position: -72px 0;<br /> }<br /> #bisoy-vag<br /> .google span {<br /> background-color: #E94D36;<br /> background-position: -144px 0;<br /> }</blockquote></div><div class="MsoNoSpacing"><br /> </div><div class="MsoNoSpacing"><span style="font-family: inherit;"><b></b> এবার<br /> এই কোডটি খুজে বের করুন <b><data:post.body/></b> or <b><div<br /> class='post-footer'> </b></span><span style="font-family: inherit;"> Ctrl+F </span><kbd>চেপে</kbd><span style="font-family: inherit;"></span><kbd></kbd><span style="font-family: inherit;">   </span></div><div class="MsoNormal" style="background: white; line-height: 13.15pt; margin-bottom: .0001pt; margin-bottom: 0in;"><br /> </div>তাপরপর এই কোডটির নিচে কিংবা পরে নিচের কোডটি বসিয়ে দিন <br /> <br /> </div><div class="MsoNoSpacing"><blockquote class="tr_bq"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <div id='bisoy-vag'><br /> <a class='facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><br /> <span/><br /> Share on Facebook<br /> </a><br /> <a class='twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><br /> <span/><br /> Share on Twitter<br /> </a><br /> <a class='google' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href,   &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);return false;' rel='nofollow' title='Share this on Google+'><br /> <span/><br /> Share on Google Plus<br /> </a><br /> </div><br /> <div style='clear: both;'/><br /> </b:if></blockquote></div><div class="MsoNoSpacing"><br /> </div><div class="MsoNoSpacing"><span style="font-family: inherit;"><span class="ilad"><b><span style="background-color: white;"></span></b></span><b><span style="background-color: white;"> </span></b><span style="background-color: white;"><b>এবার টেম্পলেটটি SAVE করুন ।</b>.<o:p></o:p></span></span></div><div class="MsoNoSpacing">

আশা করি আপনারা ভাল আছেন । এইবার আমি আপনাদের সাথে শেয়ার করতে যাচ্ছি একটি চরম Post sharing widget | আপনার ব্লগের যে-কোন পোস্ট এর নিচে এইটি শো ...

Read more »