সবাই ভাল আছেন আশা করি। সবাইকে সালাম ও শুভেচ্ছা জানাই। আজকে আমি আপনাদের একটি Floating Sharing Widget দিব। ভাল লাগবে আশা করি।
Widget টি যদি আপনার ভাল লাগে তাহলে দেখে নিন কিভাবে এটি আপনার ব্লগে যুক্ত করবেনঃ
- প্রথমে Blogger Dashboard/Layout/Add a Gadget থেকে HTML/Javascript Select করুন।তারপর নিচের কোডটি Paste করে দিন।
1
| <a href= 'http://forummahadi.blogspot.com/' ><img alt= 'Floating Vertical Bar With Share Buttons widget by ThatsBlogging' src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCytrydbylH_mNTklQDF3MFMKQKz0Ud-DTC5F89uwJzSTeyhNsmxvz-j4BKx0b8yJZYGIUEqiIsOW-xhqaBQ52m2VQjps-VvRB2sMBXvQeRR-6DXDhXHmfOKb3KZBfJJZ5fUtHlbvXEzCN/s1600/best+blogger+tips.png' /></a><div class = "addthis_bar addthis_bar_vertical addthis_bar_large" style= "background:#98A2A7; border: 1px solid #000000; top:120px;left:50px;" > <div class = "addthis_toolbox addthis_default_style" > <span><a class = "addthis_button_facebook_like" fb:like:layout= "box_count" ></a></span> <span><a class = "addthis_button_tweet" tw:count= "vertical" ></a></span> <span><a class = "addthis_button_google_plusone" g:plusone:size= "tall" ></a></span> <span><a class = "addthis_counter" ></a></span> </div> </div> <script type= "text/javascript" src= "http://s7.addthis.com/js/300/addthis_widget.js" ></script> |
- লক্ষ্য করুন এখানে Background এর Colour #98A2A7 দেওয়া আছে। আপনি অন্য Colour দিতে চান #98A2A7 তাহলে এর জায়গায় আপনার পছন্দমত Colour এর নাম বসিয়ে দিন।
- আরেকটা জিনিস খেয়াল করবেন এখানে border: 1px দেওয়া আছে। আপনি যদি Widget টিতে Border না দেখাতে চান তাহলে border: 0px করে দিতে পারেন।
No comments:
Post a Comment