Add An Awesome Fixed Position Slide Open Heart Bookmarking Gadget To Blogger

সালাম ও বিজয় মাসের শুভেচ্ছা জানিয়ে আজকের ডিজাইন কে নিয়ে আলোচনা শুরু করি ।  ধাপ -১ প্রথমে  Blogger sing করুন>এরপর Template এ ক্লিক করুন> Edit Html এ ক্লিক করুন> এরপর   Expand Widget  টিক R দিন 

এবার Ctrl+F চেপে </head> লেখাটি খুজে বের করুন।

এবং </head>  এর ঠিক পূর্বে নিচের কোড স্থাপন করুন। 

<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->

 ধাপ-২  এবার Ctrl+F চেপে </body> লেখাটি খুজে বের করুন।

এবং </body> এর ঠিক পূর্বে নিচের কোড স্থাপন করুন।  

<!-- Start Heart Share Code From http://www.spiceupyourblog.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://www.spiceupyourblog.com/ -->

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

লাইভ ডোমো দেখুন।

Posted by sofiq 2:51 AM 0 comments

আপনার ব্লগে যুক্ত করুন স্টাইলিশ Facebook Like Box

আসসালামু আলাইকুম। আশা করি টেকটিউন্সের সাথে কোন না কোন ভাবে যুক্ত সকল ব্যক্তিই ভাল আছেন। আজ আপনাদের আমি দেখাব কিভাবে একটি সাধারণ ফেসবুক লাইক বক্স উইডগেটকে অসাধারণ করা যায়। যে উইডগেট টি আপনারা আপনাদের ব্লগে বা ওয়েব সাইটে যুক্ত করতে পারবেন।

Live Demo

প্রথম পর্যায়ঃ

তাহলে শুরু করা যাক। প্রথমেই আপনাকে আপনার কাংখিত ফেসবুক পেজটির ID যোগার করতে হবে। এজন্য আপনাকে যেতে হবেএই লিঙ্ক

এই লিঙ্কে গেলে আপনি ওয়েব পেজে এই বক্সটি দেখতে পাবেন । এবার এই বাক্সটির Enter Your Facebook Username এর জায়গায় আপনার ফেসবুক পেজের Username লিখুন। এরপর Get Details  এ ক্লিক করুন। এবার নতুন একটি উইন্ডো খুলবে যেখানে আপনি আপনার  ফেসবুক পেজের ID পাবেন।

দ্বিতীয় পর্যায়ঃ

• আপনার ব্লগার একাউন্টে লগ ইন করুন।
• এবার Layout Option সিলেক্ট করুন।
• এবার Add A Gadget এ ক্লিক করুন।নতুন একটি উইন্ডো আসবে।
• এবার Html/JavaScript এ ক্লিক করুন।
• এবার নিচের কোড টূকু কপি করে Content Box এ পেস্ট করুনঃ

1

<iframe src="<a href="http://www.connect.facebook.com/widgets/fan.php?channel_url=http://probloggingtools.com/?fbc_channel=2&id=285964218143147&name=PBT&width=297&connections=10&stream=0&logobar=0&css=http://probloggingtools.googlecode.com/files/facebook-like-Box-style.css&quot" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','']);" rel="nofollow">http://www.connect.facebook.com/widgets/fan.php?channel_url=http://probloggingtools.com/?fbc_channel=2&id=285964218143147&name=PBT&width=297&connections=10&stream=0&logobar=0&css=http://probloggingtools.googlecode.com/files/facebook-like-Box-style.css&quot</a>; height="300" frameborder="0"> </iframe>

• এবার লাল রঙের এই  285964218143147 n                  টা Delete করে
• আপনার পেজের ID নাম্বার টা এখানে পেস্ট করুন । এবার Save বাটনে ক্লিক করুন ।

Posted by sofiq 12:14 AM 1 comments

আপনার ব্লগে যুক্ত করুন স্টাইলিশ Facebook Like Box

আসসালামু আলাইকুম। আশা করি টেকটিউন্সের সাথে কোন না কোন ভাবে যুক্ত সকল ব্যক্তিই ভাল আছেন। আজ আপনাদের আমি দেখাব কিভাবে একটি সাধারণ ফেসবুক লাইক বক্স উইডগেটকে অসাধারণ করা যায়। যে উইডগেট টি আপনারা আপনাদের ব্লগে বা ওয়েব সাইটে যুক্ত করতে পারবেন।

Live Demo

প্রথম পর্যায়ঃ

তাহলে শুরু করা যাক। প্রথমেই আপনাকে আপনার কাংখিত ফেসবুক পেজটির ID যোগার করতে হবে। এজন্য আপনাকে যেতে হবেএই লিঙ্ক

এই লিঙ্কে গেলে আপনি ওয়েব পেজে এই বক্সটি দেখতে পাবেন । এবার এই বাক্সটির Enter Your Facebook Username এর জায়গায় আপনার ফেসবুক পেজের Username লিখুন। এরপর Get Details  এ ক্লিক করুন। এবার নতুন একটি উইন্ডো খুলবে যেখানে আপনি আপনার  ফেসবুক পেজের ID পাবেন।

দ্বিতীয় পর্যায়ঃ

• আপনার ব্লগার একাউন্টে লগ ইন করুন।
• এবার Layout Option সিলেক্ট করুন।
• এবার Add A Gadget এ ক্লিক করুন।নতুন একটি উইন্ডো আসবে।
• এবার Html/JavaScript এ ক্লিক করুন।
• এবার নিচের কোড টূকু কপি করে Content Box এ পেস্ট করুনঃ

1

<iframe src="<a href="http://www.connect.facebook.com/widgets/fan.php?channel_url=http://probloggingtools.com/?fbc_channel=2&id=285964218143147&name=PBT&width=297&connections=10&stream=0&logobar=0&css=http://probloggingtools.googlecode.com/files/facebook-like-Box-style.css&quot" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','']);" rel="nofollow">http://www.connect.facebook.com/widgets/fan.php?channel_url=http://probloggingtools.com/?fbc_channel=2&id=285964218143147&name=PBT&width=297&connections=10&stream=0&logobar=0&css=http://probloggingtools.googlecode.com/files/facebook-like-Box-style.css&quot</a>; height="300" frameborder="0"> </iframe>

• এবার লাল রঙের এই  285964218143147 n                  টা Delete করে
• আপনার পেজের ID নাম্বার টা এখানে পেস্ট করুন । এবার Save বাটনে ক্লিক করুন ।

Posted by sofiq 12:13 AM 0 comments