Friday, January 5, 2018

এসো ব্লগিং শিখি এবং ব্লগারের সাজসজ্জা -৮ম পর্ব!! (প্রতিটি ব্লগ টিউনের নিচে শেয়ারিং সহ কাউন্টার বাটন যুক্ত করুন)

আলোচনা
শেয়ারিং বাটন সম্পর্কে নতুন করে বিস্তারিত বলার নাই।তবুও সহজ কথাতে বলা যায় শেয়ারিং বাটন হল এমন একটি উইগেট যেখানে ভিজিটরেরা আপনারে টিউনকে লাইক করবে এবং কতজনকে সোস্যাল সাইটে শেয়ার করবে তার তথ্য জানতে পারবেন।  ব্লগের টিউনের জন্য এটি একটি গুরুত্বপূর্ণ বিষয়।


টিউনের নিচে শেয়ারিং বাটন বেশ কাজ করে।এমন কি  টিউনের নিচে কোন বিজ্ঞাপনও সহজে ভিজিটরের নজরে আসে। তাই আপনার ব্লগের এই জায়গা টা বেশ ইতিবাচক। ইচ্ছা করলে এটিকে টিউনের উপরেও রাখা যায়। এই শেয়ারিং বাটন গুলো হল  Facebook, twitter, google+, digg, Pinteres ইত্যাদি।
  • কাজ শুরু করার পূর্বে ডেমো দেখে নিন। লাইভ ডেমো হিসাবে আপনি আমার ব্লগের টিউনের নিচে এটা দেখতে পারবেন। ডেমো এখানে 

 কিভাবে কাজটি করবেন?

  • ১ম ধাপঃ 
    আপনার ব্লগে লগ ইন করার পর টেমপ্লেটে যান এবং  edit html > crt+f দিয়ে নিচের কোডটা খুজে বের করুন </head> উপরের কোডের  ঠিক উপরে নিচের কোডটা দিন।

কোড এখানে

 ... #scroll {
display: none;
position: fixed;
top: 0;
right: 20px;
z-index: 500;
padding: 3px 8px;
background-color: #00B366;
color: #fff;
border-radius: 3px;
}
#scroll:after {
content: ” ”;
position: absolute;
top: 50%;
right: -8px;
height: 0;
width: 0;
margin-top: -4px;
border: 4px solid transparent;
border-left-color: #2187e7;
}


===========================================================
pls visit my blog site:

http://bdtutorialgift.blogspot.com
------------------------------------------------------------ ... 
  •  ২য় ধাপঃ 
    আবার নিচের কোডটা খুজে বের করুন। এবং তার ঠিক উপরে নিচের কোডগুলো পেষ্ট করবেন। <data:post.body/>

কোড এখানে


সর্বশেষ

উপরের কোডটা আপনার ব্লগার ব্লগে ১ বারও থাকতে পারে আবার ৩ থেকে ৪ বারও থাকতে পারে।প্রত্যেকটার পরে বসিয়ে দেখেন কোনটাতে কাজ হচ্ছে।এবার সেভ করে বের হয়ে আসুন।
উল্লেখ্য এই বাটন আপনার হোমপেজে শো করবেনা, শুধু মাত্র টিউনের নিচে কিংবা উপরে দেখা যাবে।

বিশেষ প্রয়োজনে আমাকে অনুসরন করতে পারেন
বাংলা ব্লগ | ফেসবুক |  টুইটার |
my pwiki
my pwiki

This is a short biography of the post author. Maecenas nec odio et ante tincidunt tempus donec vitae sapien ut libero venenatis faucibus nullam quis ante maecenas nec odio et ante tincidunt tempus donec.

No comments:

Post a Comment