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

Your AD Here

আশা করি আপনারা ভাল আছেন । এইবার আমি আপনাদের সাথে শেয়ার করতে যাচ্ছি একটি চরম Post sharing widget | আপনার ব্লগের যে-কোন পোস্ট এর নিচে এইটি শো করবে এবং সত্যি বলতে এটি অসাধারণ একটি গ্যাজেট ।
নিচের ছবিটা দেখুন এটি দেখতে কেমন হবে


এবার দেখে নেয়া যাক কি করে এটি আপনার ব্লগে এড করবেন , প্রথমে Blogger Dashboard> Template -> Edit HTML এ যান | তারপর Ctrl+F চেপে ]]> এটি খুজে বের করুন এবং ( ]] ) এর আগে নিচের কোডটুকু পেষ্ট করে দিন :

/*** Share Post by www.mytechbangla.blogspot.com ***/
.bisoy-vag {
font-size: 13px;
margin-top: 15px;
}
.bisoy-vag li {
float: left;
}
.bisoy-vag a {
display: block;
margin-right: 10px;
text-indent: -9999px;
margin-left: 12px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzLN4ZjQ3LJR2FFO7jxpsbD9MbyCAj3deyG5ocdBy5fWQv6I987rKmbRy2XZ5Zy0Sm2Le-wdfkJqmwdYVMt2dw4m9kAAGIqanInGqW8MS5Rd8GyVhk-uc8RsOa17uFRqbeKVW11AzvrAk/s1600/single-share.png) no-repeat;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.bisoy-vag a:hover {
opacity: .7;
}
.bisoy-vag
.facebook a {
width: 7px;
}
.bisoy-vag
.twitter a {
width: 18px;
background-position: -47px 0;
}
.bisoy-vag
.google a {
width: 14px;
background-position: -105px 0;
}
.bisoy-vag
.pinterest a {
width: 11px;
background-position: -159px 1px;
}
#bisoy-vag {
width: 100%;
overflow: hidden;
margin-top: 20px;
}
#bisoy-vag a {
display: block;
height: 32px;
line-height: 32px;
color: #fff;
float: left;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 25px;
}
#bisoy-vag
.facebook {
background-color: #436FC9;
}
#bisoy-vag
.twitter {
background-color: #40BEF4;
}
#bisoy-vag
.google {
background-color: #EC5F4A;
}
#bisoy-vag
span {
display: block;
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgooxrIoNQ7cHV2uHS11A8xoIBPhNakRVpQXahwc37e3tBGN_uSTF4_mjmG321y20NQqSN0CMvcFWoTMiUBpM4VyQEods40O04YP0T8ru9-roqIfwapNaFgOlr4NTplbnXCByRX4_hwGFM/s1600/BloggerSpice+bisoy-vag.png) no-repeat;
}
#bisoy-vag
.facebook span {
background-color: #3967C6;
}
#bisoy-vag
.twitter span {
background-color: #26B5F2;
background-position: -72px 0;
}
#bisoy-vag
.google span {
background-color: #E94D36;
background-position: -144px 0;
}

 এবার
এই কোডটি খুজে বের করুন <data:post.body/> or <div
class='post-footer'>  Ctrl+F চেপে   

তাপরপর এই কোডটির নিচে কিংবা পরে নিচের কোডটি বসিয়ে দিন