আপনার ব্লগ এ CCTV camera লাগিয়ে নিন এবং আরও আকর্ষণীও করে তুলুন ।

আসসালামু আলাইকুম,
আশা করি ভাল আছেন। আজকে ব্লগ এর আরেকটা widget নিয়ে নিন । আপনি এটার মাদ্ধমে আপনার ব্লগকে আরও আকর্ষণী করে তুলতে পারবেন ।

 

কিভাবে অ্যাড করবেনঃ

ড্যাশবোর্ড থেকে layout>>add gadget এ যান ।

 html/javascript সিলেক্ট করুন ।

এবার শিরোনামে ফাঁকা রাখুন আর নিচে এই কোড copy/paste করে দিন ।

 _Copy This Code_________________________________________________

<script language=”JavaScript” src=”http://js4you.googlecode.com/files/cctv.js” type=”text/javascript”> </script> <script language=”JavaScript” type=”text/javascript”> cot(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwjK02TK4teE0c0nETmwiYK5D-2HN47LCWu2YWbUzqExE3luLvKOce_4u8YCRNKFqp18wedVFECfzaDXE-iNDX1i0TgyeD__JZuUYayPpt3CtA_roLwA_KK2NYnWGC2u_gsHi5pvK3fdI/s1600/cctv.gif”)</script>

___________________________________________________
এবার সেভ এ দিয়ে বের হন । ব্লগ এ গিয়ে দেখুন হয়ে গেছে ।

 DEMO দেখুন 

আপনার ব্লগার ব্লগে যুক্ত করুন দারুন একটি সোশ্যাল শেয়ারিং ওয়েডগেট ।(না দেখলে চরম মিস)

আল্লার নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আশাকরি আপনারা সকলে খুব ভাল আছেন আল্লার কাছে দোয়া করি যাতে সকলে খুব খুব ভাল সুস্থ থাকুন । আজকে আমি আপনাদের দেখাবো কিভাবে আপনার ব্লগার ব্লগে একটি LOVE  ওয়েডগেট যুক্ত করবেন । কাজটি একদম সোজা ,কিভাবে করবেন তা বিস্তারিত দেখতে কষ্ট করে একটু নিচে যান ।

১) প্রথমে আপনার ব্লগার লগ অন করুন  ,তারপর ড্যাশবোর্ড থেকে টেম্পলেটে ক্লিক করুন, তারপর , Edit HTML এ ক্লিক করুন , তারপর   Expand Widget টিক  দিন এবার 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(‘shareThisShareHeart’, ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:’ <data:blog.pageTitle/>’,url:’<data:blog.url/>’,theme:’shareheart’});</script><a href=”http://www.spiceupyourblog.com/”>Blogger WordPress Gadgets</a>
<!– End Heart Share Code From http://www.spiceupyourblog.com/ –>

 * এবার Save template এ ক্লিক করে বেরিয়ে আসুন , ব্যাস আপনার কাজ শেষ এবার আপনার সাইটে গিয়ে দেখুন যুক্ত হয়ে গেছে ।

আপনার ব্লগার এর জন্য নিন অসাধারণ কিছু mouse cursor ( না দেখলেই মিস )

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



*  mouse cursor গুল কিভাবে যুক্ত করবেন তা দেখে নিন > Dashboard > layout > Add a Gadget > HTML/JavaScript > title ঘর ফাকা রেখে content বক্সে নিচে যে mouse cursor টি আপনার পছন্দ সেই কোড টি copy past করবেন , তারপর Save এ ক্লিক করবেন ব্যাস কাজ শেষ , কোড গুল পেতে নিচে যান । 

১)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLOGGER-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

২) 
<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ABU-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

৩)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ANGRY_BIRDS-LINK_SELECT-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

৪)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLACY_SMILEY-HAHA_BUCKTOOTH-www.24work.blogspot.co.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

৫)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLUE_SNOWFLAKE-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

৬)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BUNCHES_OF_GRAPES-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

৭)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_BLUE_OUTER_GLOW_POINTER-www.24work.blogspot.c.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

৮ )

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_GREEN_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

৯)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_ORANGE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

১০)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_PURPLE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

১১)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_YELLOW_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

১২)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_PINK_KAOANI-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

১৩)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/EVIL_ANIME_SMILEY-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

১৪)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FRUITY_KIWI_HEART-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

১৫)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HARRY_POTTER-GOLDEN_SNITCH-www.24work.blogspot.com.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

১৬)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HEART_CHAT_BUBBLE-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

১৭)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HEART_WITH_HEADPHONE-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

১৮ )

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HEARTLESS-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

১৯)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LIGHT_BLUE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>

২০)

<style type=”text/css”>body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_SKULL_CROSSBONES-www.24work.blogspot.com-.cur), progress;}</style><a href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Widgets”><img src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a>


*আশাকরি এর মধ্যে একটি আপনার অবশ্যই পছন্দ হবে , যে টি পছন্দ হবে সে কোড টি কপি করে উপরের নিয়ম উসারে past  করুন ।
==================================================
* mouse cursor যুক্ত করলে ক্যামন লাগবে , উধারন হিসাবে দেখে আসতে পারেন এখান থেকে । আজকের মতো এই পর্যন্ত  ভাল থাকবেন ।

আপনার ব্লগার ব্লগের জন্য নিন একটি দারুন বাংলা Facebook Like বক্স ।

আল্লাহ্‌ এর  নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আজকে আমি আপনাদেরকে  দারুন একটি বাংলা Facebook Like বক্স Widget  উপহার দেবো , আশাকরি আপনাদের খুব পছন্দ হবে এবং আপনার ব্লগকে আরও সুন্দর করে তুলবে । কিভাবে যুক্ত করবেন সব কিছু পেতে একটু কষ্ট করে নিচে যান ।
 *কাজটি করার আগে ডেমো দেখে নিন নীচে থেকে   আর পারলে একটি লাইক করুন ।  
LIVE DEMO
* প্রথমে আপনার ব্লগ লগ অন করুন, তারপর Layout অপশন এ যান , তারপর Add a Gadget অপশন এ যান । নীচের চিত্রে দেখুন ।




* Add a Gadget এ ক্লিক করার পর একটি নতুন উইন্ডো ওপেন হবে সেখান থেকে HTML/JavaScript     অপশন এ যান । নীচের চিত্রে দেখুন । 

* HTML/JavaScript এ ক্লিক করলেই আর একটি উইন্ডো ওপেন হবে , সেখানে Title ঘরটা ফাকা রাখুন এবার Content ঘরে নীচের  কোড  কপি করে পেস্ট করুন তারপর Save বটনে ক্লিক করে বেরিয়ে আসুন ।নীচের চিত্রে দেখুন ।

                                                                                                                         কোড পেতে নীচে যান

____________________________________________________________________________________________

____________________________________________________________________________________________

<iframe src=”//www.facebook.com/plugins/likebox.php?locale=bn_IN&href=http%3A%2F%2Fwww.facebook.com%2FAsobondhublog&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:236px; height:258px;” allowtransparency=”true”></iframe>

_____________________________________________________________________________________________

_____________________________________________________________________________________________

* উপরে লাল রঙে যে Asobondhublog আছে সেটি মুছে আপনার ফেসবুক এর URL টি দিন । ব্যাস এবার Save করে নিন । তাহলে আজকের মতো এই পর্যন্ত আবারও দেখা হবে অন্য কিছু নিয়ে । আল্লা হাফেজ ।

আপনার ব্লগার ব্লগে বৃষ্টির মতো ফুল ঝরুক । ( না দেখলে চরম মিস )

আল্লার নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আজকে আপনাদের কে দেখাবো কি ভাবে আপনার ব্লগার ব্লগে বৃষ্টির মতো ফুল ঝরার ইফেক্ট যুক্ত করবেন । এর জন্য আমার নীচের টিপস গুল একটু লক্ষ করুন তাহলে সব বুজতে পারবেন ।

১) প্রথমে আপনার ব্লগার ব্লগ ওপেন করুন তারপর > Layout এ যান নীচের চিত্রে দেখুন । >

২) এবার Add a Gadget এ ক্লিক করু। নীচের চিত্রের দেখুন >

৩ ) তারপর Html/Java Script এ ক্লিক করুন। নীচের চিত্রের দেখুন >

২) এবার যে বক্স ওপেন হবে সেখানে নীচের কোড গুল পেস্ট করুন । তারপর Save এ ক্লিক করুন (Title এ ফাকা রাখবেন )।

* কোড ১ >

<script src="http://yourjavascript.com/2223141713/purple-flower-effect-spiceupyourblog.js" type="text/javascript">
    /***********************************************

    * Flower fall effect by Paul Crowe http://www.spiceupyourblog.com
    * Please keep this notice intact

    ***********************************************/
    </script><br/><a href="http://www.spiceupyourblog.com/2010/01/falling-flower-effect-add-3-types-of.html" target="_blank"><font size="1">Get Flower Effect</font></a>

 * কোড ২ >

<script src="http://yourjavascript.com/4225143371/yellow-flower-effect-spiceupyourblog.js" type="text/javascript">
/***********************************************

* Flower fall effect by Paul Crowe http://www.spiceupyourblog.com
* Please keep this notice intact

***********************************************/
</script><br/><a href="http://www.spiceupyourblog.com/2010/01/falling-flower-effect-add-3-types-of.html" target="_blank"><font size="1">Get Flower Effect</font></a>

* দুটি কোড দিলাম আপনারা ভিন্ন ভিন্ন ভাবে ব্যবহার করবেন , কারন দুটি আলাদা রঙ এর ফুল ।