কিভাবে ব্লগার ব্লগে Sharing button যুক্ত করবেন

আজকে শেয়ার করবো দরকারি একটি টিপস ৷ কিভাবে আপনি আপনার সাইটে সামাজিক শেয়ার বাটন যোগ করবেন ৷ আসলে যারা নিয়মিত ব্লগিং করেন তাদের জন্য শেয়ারিং বাটন পোস্টের নিচে থাকাটা খুবই গুরুত্বপূর্ণ ৷ এটা থাকলে একদিকে যেমন ব্লগের সৌন্দর্য বাড়ে অন্যদিকে প্রচুর নতুন ভিজিটর পাওয়া যায় যদি সেটা বিভিন্ন সামাজিক যোগাযোগ মাধ্যমে শেয়ার করা হয় ৷
তো কথা না বাড়িয়ে এবার আসল কথায় আসি ৷

* প্রথমে আপনি আপনার ব্লগার একাউন্টে সাইন ইন করুন ৷ এবার ড্যাশবোর্ড থেকে Template এ ক্লিক করুন ৷
*এখন Edit HTML লেখায় ক্লিক করুন ৷

* এবার কীবোর্ড এর CTRL+F প্রেস করে নিচের ট্যাগটি খুজুন ৷

<head>

খুজে পেলে নিচের কোডগুলো তার উপরে পেস্ট করে দিন ৷

* অতঃপর আবার কীবোর্ড এর CTRL+F প্রেস করে নিচের ট্যাগ খুজুন

]]></b:skin>

* খুজে পেলে ঠিক তার উপরে নিচের কোডগুলো পেস্ট করে দিন ৷

/* Share Button */ .post-footer{margin-top:30px;} .share-post, .multiauthor-box {margin-bottom:50px;} .share-post ul {padding:0;margin:0;text-align:center;} .share-post li{list-style:none;display:inline-block;margin-right:10px;padding:0;font-weight:700;text-transform:uppercase} .share-post li:first-child {font-size:16px;color:#22a1c4;} .share-post li a{display:block;text-align:center;} .share-post span{display:none;} .share-post li a i{display:block;color:#fff;width:40px;height:40px;line-height:40px;font-size:18px;border-radius:40px;font-weight:normal;transition:all .3s;} .share-post{margin-bottom:30px;border-top:1px solid #eff0f0;border-bottom:1px solid #eff0f0;line-height:52px;min-height:52px;margin-left:-30px;margin-right:-30px} .share-post li a i.fa.fa-facebook{background:#3b5998;border:1px solid transparent;} .share-post li a i.fa.fa-twitter{background:#19bfe5;border:1px solid transparent;} .share-post li a i.fa.fa-google-plus{background:#d64136;border:1px solid transparent;} .share-post li a i.fa.fa-linkedin{background:#006699;border:1px solid transparent;} .share-post li a i.fa.fa-pinterest{background:#cb2027;border:1px solid transparent;} .share-post li a i.fa.fa-facebook:hover{background:#fff;color:#3b5998;border:1px solid #4666aa;} .share-post li a i.fa.fa-twitter:hover{background:#fff;color:#19bfe5;border:1px solid #2acef4;} .share-post li a i.fa.fa-google-plus:hover{background:#fff;color:#d64136;border:1px solid #e95247;} .share-post li a i.fa.fa-linkedin:hover{background:#fff;color:#006699;border:1px solid #017ab6;} .share-post li a i.fa.fa-pinterest:hover{background:#fff;color:#cb2027;border:1px solid #e33239;}

* এবার শেষ কাজ করার পালা ৷ স্ক্রল করে নিচে আসুন ৷ আর নিচের কোডটি খুজুন ৷ প্রয়োজনে কীবোর্ড এর CTRL+F প্রেস করে খুজুন

<data:post.body/>

খুজে পেলে ঠিক তার নিচে নিচের কোডগুলো পেস্ট করে দিন ৷

এবার সেভ করুন ৷

<b:if cond='data:blog.pageType == "item"'><div class='share-post'>
<ul class='entry-share-list clearfix'>
<li>Share This</li>
<li class='facebook_share'> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'> <i class='fa fa-facebook'/> </a> </li>
<li class='twitter_share'> <a expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'> <i class='fa fa-twitter'/></a> </li>
<li class='google_share'> <a expr:href='"https://plus.google.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a> </li>
<li class='linkedin_share'> <a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'> <i class='fa fa-linkedin'/></a> </li>
<li><a expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.thumbnailUrl + "&description=" + data:post.snippet' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'> <i class='fa fa-pinterest'/></a> </li>
</ul>
</div>
</b:if>

সব কাজ ঠিকঠাক করতে পারলে আপনার কাজ শেষ ৷ অন্য একটি ট্যাব খুলে আপনার ব্লগ দেখুন ৷ কি কাজ হয়েছে তো ?

ধন্যবাদ সবাইকে ৷ ভাল থাকবেন ৷

টেক পার্ক

কিভাবে ব্লগার ব্লগে Sharing button যুক্ত করবেন

Contact Form

Popular

Recent

Categories

Recent Post

Tags

Recent Comments