আইটি ছাদিক https://www.itsadik.xyz/2020/03/blog-post_23.html

কিভাবে ব্লগার পোস্টগুলির নীচে স্টাইলিশ পোস্ট শেয়ার করার সোসাইল উইজেট যুক্ত করবেন?

বিজ্ঞাপন স্পেসের আগে / পরে
আসসালামু আলাইকুম । কেমন আছেন সবাই? আমি আপনাদের দোয়াই ভালোই আছি।
আজ অনেক দিন পর আবার লিখতে বসলাম , বিজি থাকার  কারনে এখন আর অনলাইনে বেশি  সময় দিতে পরিনা। তার জন্য সবার কাছে ক্ষমা পারথী ।
তো আজ যে বিষই নিয়ে লিখতে বসলাম তা হলো,

কিভাবে  ব্লগার পোস্টগুলির নীচে  স্টাইলিশ পোস্ট শেয়ার করার  সোসাইল উইজেট যুক্ত করবেন? 


কথা না বারিয়ে চলুন শুরু করা যাক।

কিভাবে করবেনঃ

প্রথমে ব্লগারে লগিং করুন।

লেআউট থেকে থিমস এ যান।

এবার ইডিট এস টি এম এল এ ক্লিক করুন।

তারপর এস টি এম এল  কোডগুলোর যে কোনো জাইগাই ক্লিক করে  কিবোর্ড হতে  Ctrl+F একসাথে প্রেশ করে সার্চবার ওপেন করুন।

এবার সার্চবারে <div class='post-footer-line post-footer-line-1'> লিখে  লাইনটি খোঁজে বের করুন।

হইতো আপনার থিমে এই লাইনটি ২ -৩ জাইগাই থাকতে পারে চিন্তার কনো কারন নাই।

লাইনটি খোঁজে পেলে  নিছের কোডগুলো Daownload করে ।

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>/*crawlist.net CSS starts*/
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
.ks-sharo { border:1px solid #CCC; height:110px; width:600px; border-radius:10px;
background: #ffffff;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 44%, #e5e5e5 84%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(44%,#ffffff), color-stop(84%,#e5e5e5));
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 44%,#e5e5e5 84%);
background: -o-radial-gradient(center, ellipse cover, #ffffff 44%,#e5e5e5 84%);
background: -ms-radial-gradient(center, ellipse cover, #ffffff 44%,#e5e5e5 84%);
background: radial-gradient(ellipse at center, #ffffff 44%,#e5e5e5 84%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );}
.ks-sharo h3 {font-family: 'Pacifico', cursive; font-size:20px; text-align:center;
font-weight:300; margin-top:8px; margin-bottom:7px; color:#151515}
.sharo-contino a { color:#fff; text-decoration:none}
.sharo-contino a:hover { color:#fff; text-decoration:none}
.sharo-contino ul{list-style:none;text-align:center;margin:0;padding:0; margin-top:20px;}
.sharo-contino ul li{text-align:center;display:inline-block;margin:0 5px}
.tweet,.fb-tips,.googleplus,.linkedin,.pin-it,.stumble{color:#fff;border:1px hidden #CCC;font-family: 'Montserrat', sans-serif;
padding:8px 12px;
font-size:14px;
border-radius:5px;}
.tweet.tips{background:#00A0D1;border:1px solid #00A0D1}
.fb-tips{background:#3B5998;border:1px solid #3B5998}
.googleplus.tips{background:#DA4834;border:1px solid #DA4834}
.linkedin.tips{background:#0077B5;border:1px solid #0077B5}
.pin-it.tips{background:#CB2027;border:1px solid #CB2027}
.stumble.tips{background:#EB4924;border:1px solid #EB4924}
/*crawlist.net CSS ends*/</style>
<div class="ks-sharo"><!--itsayeem sharer starts-->
<h3>Like the article? Please share on your social network :)</h3>
<div class="sharo-contino">
<ul class='share-story'>
<li><a class='fb-tips' data-title='Facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>Facebook</a>
</li>
<li><a class='tweet tips' data-title='Twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>Twitter</a></li>
<li><a class='googleplus tips' data-title='Google+' expr:href='&quot;https://plus.google.com/u/0/share?url=&quot; + data:post.url' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>Google+</a></li>
<li><a class='linkedin tips' data-title='Linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;source=&quot; + data:blog.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;'>LinkedIn</a></li>
<li><a class='pin-it tips' data-title='Pin it' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>Pin it</a></li>
<li><a class='stumble tips' data-title='Stumle-Upon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>Stumble</a></li>
</ul><!--itsayeem.com sharer ends--></div></div></b:if>

  প্রথমটি বাদ দিয়ে ২ অথবা ৩ নাম্বারটিতে  চেষ্টা করে দেখবেন।

<div class='post-footer-line post-footer-line-1'> লাইনের নিচে পেস্ট করুন।

সবাই ভালো থাকবেন।

বিজ্ঞাপন স্পেসের আগে / পরে

অন্যদের সাথে শেয়ার করুন:

Sadikur Rahman
পোস্ট করেছেনঃ Sadikur Rahman
পোস্ট ক্যাটাগরি
0 মন্তব্য

দয়া করে নীতিমালা মেনে মন্তব্য করুন. ??

সর্বশেষ আপডেটেড অফার পেতে চান?

আইটি ছাদিক কী?