***ব্লগার(Blogspot) ব্যবহারকারিদের জন্য Related post Widget (template hack)...__BY: নাহিদ.****

আমরা যারা ব্লগার (Blogspot) ব্যবহার করে ব্লগিং করি তাদের জন্য ওয়ার্ডপ্রেস এর মত প্লাগইন ব্যবহার করার সুযোগ নেই। Recent Post, Related Post, Top viewed Post, Recent comment ইত্যাদি-র জন্য কোন প্লাগইন বা widget ব্লগার Template-এ দেওয়া থাকে না যার জন্য ব্লগারদের ভিসিটর অনেক কমে যায়।
আজ আমি আপনাদের বলবো Related Post widget কিভাবে ব্লগারে সংযুক্ত করতে হয়। যেমনঃ আমাদের টেকটিউনে প্রতিটি টিউনের নিচে কত গুলো টিউনের লিঙ্ক দেওয়া থাকে ওইটাই হলো Related Post widget বা আরো পড়ুন বা read More।
কথা না বাড়িয়ে চলুন শুরু করি

• প্রথমে আপনি আপনার ব্লগার একাউন্টে লগইন করুন এবং ড্যসবোর্ডে প্রবেশ করুন।
• একখান থেকে Template> Edit HTML (expand your widget templates-এ চেক বক্সে মার্ক করুন যা ডানদিকে উপরের দিকে )
• এখন Ctrl+F চেপে </head > সার্চ করুন।
• এরপর </head > এর পরিবর্তে নিন্মের কোড গুলো কপি করে template -এ পেস্ট করুন।

<!--Related Posts Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgro3Du-eXuqpGHiBn6feMNuOrZlbY1m0eOgcXwprthJR-0l-yNVNpKMG3OQdXNE9oOm7tyM-yJYkfOC7A06Sk524Lb7ifJkHB2dSiEPiN2PRKgtn9PmKEvt12b6iic7Ld1OMQm3DFBOs/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://files.bloggerplugins.org/related/related.js' type='text/javascript'/>
</b:if>
<!--Related Posts Scripts and Styles End-->
</head>

• যদি Related Post widget-এর টাইটেল পরিবর্তন করতে চান তা হলে নিচের কোড টা পরিবর্তন করুন।

var relatedpoststitle="Related Posts";

• নিচের কোডটি খুজে বের করুন।

<div class='post-footer-line post-footer-line-1'>
অথবা
<p class='post-footer-line post-footer-line-1'>

• আপনি যে লাইনটিই খুজে পান সেটি নিচের কোড দিয়ে পরিবর্তন করুন।

<!-- Related Posts Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html' style='display:none'>Related Posts Widget</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
<!-- Related Posts Code End-->
এই widget টি আপনার সাইট- এর লেবেল থেকে Related Post গুলো খুজে নিবে।
এই পোস্টির সূত্রঃ এখানে
বিঃদ্রঃ কোড গুলি প্রথমে কপি করে নোড প্যাড-এ পেস্ট করে তারপর template-এ পেস্ট করুন।

Read More

***কিভাবে তৈরী করবেন আপনার সাইট এর স্লাইডিং লগইন প্যানেল..__BY: Biplob.***

নাম শুনেই বুঝতে পারছেন আজকের টিউনটি কি নিয়ে।
যারা নিজের সার্ভারে ওয়ার্ডপ্রেস ব্যবহার করেন তারাই একমাত্র এই সুবিধাটি পাবেন।

এটি jQuery ও ওয়ার্ডপ্রেস ডিফল্ট লগইন কোড এর সংমিশ্রনে তৈরী, তাই এটি তৈরী করা খুবই সহজ।

এটি ব্যবহার করার ফলে আপনাকে আর কষ্ট করে লগইন পেইজে যেতে হবে না লগইন করার জন্য এবং খুব সহজে লগ আউট করতে পারবেন।

স্লাইডিং লগইন প্যানেল চিত্র-১

স্লাইডিং লগইন প্যানেল চিত্র ২

ডেমো দেখুন এখানে

কিভাবে আপনারা এই স্লাইডিং লগইন প্যানেল আপনার ওয়ার্ডপ্রেস থিমে ব্যাবহার করবেন তা আপনাদের আমি ধাপে ধাপে বুঝিয়ে দিচ্ছি।

তাহলে চলুন শুরু করা যাকঃ

১. জাভাস্ক্রিপ্ট (Javascript)

প্রথমে আপনার ওয়ার্ডপ্রেস থিমের header.php ফাইল টি ওপেন করুন।
এবার নিচে আমার দেওয়া কোড গুলো কপি করে (</head>) এই ট্যাগটির পূর্বে কোড গুলো পেস্ট করুন।

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#slide-panel").slideToggle("slow");
});
});
</script>

এই কোড গুলো বা এই স্ক্রিপ টাকে বলা হয় jQuery এবং এটি তে গুগোল API ব্যাবহার করা হয়েছে। কারন গুগোল API আপনার স্লাইডিং লগইন প্যানেল এর ইফেক্ট এর কাজে করে।

২. এইচ টি এম এল (HTML)

একই ভাবে header.php ফাইলে নিচে আমার দেওয়া কোড গুলো কপি করে (<body>) এই ট্যাগটির পর কোড গুলো পেস্ট করুন।

<div id="slide-panel"><!--SLIDE PANEL STARTS-->
<?php if ( ! is_user_logged_in() ){ ?>
<h2>Login</h2>
<div>
<div>
<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
<label for="log">Username : </label><input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20" />&nbsp;&nbsp;&nbsp;&nbsp;
<label for="pwd">Password : </label><input type="password" name="pwd" id="pwd" size="20" />
<input type="submit" name="submit" value="Login" />
<label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label><input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>” />
</form>
</div>
<div>
<a href=”<?php echo get_option(’home’); ?>/wp-register.php”>Register</a> |
<a href=”<?php echo get_option(’home’); ?>/wp-login.php?action=lostpassword”>Recover password</a>
</div>
</div><!–loginform ends–>
<?php } else { ?>
<div>
<h2>Control Panel</h2><ul>
<li><a href=”<?php echo get_option(’home’); ?>/wp-admin/”>Dashboard</a></li> |
<li><a href=”<?php echo get_option(’home’); ?>/wp-admin/post-new.php”>Write new Post</a></li> |
<li><a href=”<?php echo get_option(’home’); ?>/wp-admin/page-new.php”>Write new Page</a></li> |
<li><a href=”<?php echo wp_logout_url( get_bloginfo(’url’) ); ?>” title=”Logout”>Logout</a></li></ul>
</div><!–loginform ends–>
<?php }?>
</div><!–SLIDE PANEL ENDS–>
<div><a href=”#”><?php if ( ! is_user_logged_in() ){ ?>Login<?php } else { ?>Logout<?php }?></a></div><!–LOGIN BUTTON TEXT–>

উপরোক্ত কোড গুলো আপনার ওয়ার্ডপ্রেস থিমের উপরে স্লাইডিং লগইন প্যানেল কে সংযুক্ত করবে।

৩. সি এস এস (CSS)

তিন ভাগের দুই ভাগ কাজ শেষ। এটা হল শেষ ভাগ।

এবার আপনারা Style.css ফাইলটি চালু করুন এবং নিচে আমার দেওয়া কোড গুলো কপি করে ফাইলটির একেবারে নিচে কোড গুলো পেস্ট করুন।

* {margin:0; padding:0; outline:0;}
#slide-panel{ background-color:#000;border-bottom-style:solid;border-bottom-width:2px;display:none;height:100px;margin:auto;}
.slide {width:950px; margin:auto;}
.btn-slide:link, .btn-slide:visited{color:#fff; float:right; display:block;font-size:14px; text-transform:uppercase; font-weight:bold;height:26px; padding:3px 0 3px 0;line-height:22px;text-align:center;text-decoration:none;width:100px; background-color:#000; font-family:Arial;}
.loginform {width:950px; margin:auto; color:#999; font-family:Arial, Helvetica, sans-serif;}
.formdetails {color:#FFF; font-size:12px;padding:5px;}
.formdetails input{border:none; padding:2px 5px 2px 5px; background-color:#EFEFEF;}
.loginregister {color:#999; padding:5px;}
.loginregister a:link, .loginregister a:visited {color:#FFF; font-size:11px; text-decoration:underline;}
.loginform h2 {padding:10px 10px 10px 0; font-size:18px; font-weight:normal; text-transform:uppercase;}
.loginform ul li {display:inline;}
.loginform ul li a:link, .loginform ul li a:visited {color:#FFF; font-size:12px; text-decoration:underline;}

ব্যাস কাজ শেষ।

এবার আপনার থিমটি চালু করেন।

উপোভোগ করুন আপনার থিমের স্লাইডিং লগইন প্যানেল।কোন সমস্যা থাকলে আমাকে জানান।

বাংলা স্লাইডিং লগইন প্যানেল করার জন্য আমাকে জানা তে পারেন।আর এই স্লাইডিং লগইন প্যানেল পরিবর্তন করা সহজ।
না পারলে আমাকে জানাতে পারেন কোন সমস্যা নাই।

Read More

***ফেইসবুকের ভিডিও যেভাবে আপনার ব্লগ বা ওয়েবসাইটে যুক্ত (Embed) করবেন...__BY: Biplob.***

ফেইসবুকে ভিডিও আপলোড করা খুব একটা কঠিন কাজ নয়। তবে ভিডিও শেয়ার করার জন্য ফেইসবুক অফিসিয়ালি কোনো Embed কোড দেয়না। এর কারনে যে সমস্যা গুলোয় পড়তে হয় তা হলো-

1. মজার কোনো ভিডিও ইচ্ছে করলেই খুব সহজে নিজের ওয়েবসাইট বা ব্লগের ভিজিটরের সাথে শেয়ার করা যায়না।
2. ভিডিও দেখতে হলে ফেইসবুকের একাউন্ট থাকতে হবে এবং অবশ্যই লগইন করতে হবে।

তাই যাদের ফেইসবুক একাউন্ট নেই তাদের সাথে ভিডিও শেয়ার করা যায়না।

সমাধান:

ফেইসবুকে আপলোডকৃত প্রত্যেকটি ভিডিওর একটি ইউনিক আইডি থাকে যেটা আপনার ব্রাউজারের এড্রেস বারে দেখতে পাবেন।

আইডিটি ব্রাউজারের এড্রেস বার হতে কপি করে নিম্নলিখিত কোডে xxxxx লিখিত স্থানে পেস্ট করুন।

<object width="400" height="224" >
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://www.facebook.com/v/xxxxx" />
<embed src="http://www.facebook.com/v/xxxxx" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="400" height="224">
</embed>
</object>

এরপর সম্পূর্ন কোডটি কপি করে কাঙ্খিত ওয়েবপেজে পেস্ট করলেই কাজ  শেষ।
একদম সহজ !

Read More

***সুন্দর করে সাজিয়ে নিন আপনার ব্লগস্পট সাইট ..__BY: Biplob.***

ব্লগের দুনিয়ায় ব্লগস্পট একটি বিপ্লব এনে দিয়েছে। এখানে নিজস্বতা বজায় রেখে ইউজার ইচ্ছামতো সাজিয়ে নিতে পারে নিজের সাইটটিকে। ব্লস্পটের হাজার হাজার টেমপ্লেট গতিময়তা এনে দিয়েছে। কিন্তু নিজস্ব বৈশিষ্ট্যমন্ডিত ব্লগ সাইট ডিজাইন করতে অবশ্যই ব্লগারের কোডে হাত দিতে হবে আপনাকে। নিজের হোস্ট করা ওয়ার্ডপ্রেসে প্লাগিন ব্যাবহার করে অনেক সহজেই যে কাজটি করা যায় তার মতো করে করতে হলে ব্লগার হ্যাকিং শিখতে হবে। নিচে জনপ্রিয় সাতটি ব্লগার হ্যাকিং আলোচনা করা হলো:

১. ব্লগার ব্যানার মুছে ফেলা

ব্লগারের ন্যাভ বার অনেকের কাছেই বাজে লাগে। এটি সরিয়ে ফেলা একেবারেই সহজ

পদ্ধতিটি হলো:

১. ব্লগারে লগইন করুন

২. ড্যাশবোর্ড থেকে Layout -->Edit HTML এ যান

৩. সবার উপরে CSS ডেফিনেশনে এই কোডটুকু লিখুন

#navbar-iframe {
   display: none !important;
}

সম্পুর্ণ কোড হবে এরকম

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      http://www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
   display: none !important;
}

/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#333" value="#333333">

২.ট্যাগের মেঘ বানানো

এটা মূলত: লেবেল গুলোকে ট্যাগ আকারে প্রকাশ করার পদ্ধতি।

৩.লেবেলের সংখ্যা মুছে ফেলা

পোস্টের সংখ্যা লেবেল প্রকাশ করা হয় ব্লগারে যা অনেকের কাছেই বাজে মনে হয়। এ থেকে মুক্তি পেতে এবং সুন্দর ক্যাটাগরির স্টাইলের লেবেল পেতে নিচের ধাপগুলো অনুসরন করুন।
ক. ব্লগারে সাইন ইন করে dashboard » Layout » Edit html যান
খ. এই লাইনটি মুছে দিন
<span dir='ltr'>(<data:label.count/>)</span>

৩. হেডারে র‌্যানডম ছবি

ব্লগারে চাইলেই র‌্যানডম ব্যানার ছবি ব্যবহার করতে পারেন। যেখানে র‌্যানডম ছবি চান সেখানে
নিচের কোড যুক্ত করুন।

<script type="text/javascript">
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(" }");
document.write("</style>");
</script>

৪.ইমোটিকন ব্যবস্থাপনা

<head> সেকশনে নিচের কোডটুকু যুক্ত করুন, তাতেই হয়ে যাবে সব সমস্যার সমাধান
<script src='http://aditya.vm.googlepages.com/addSmiley.js' type='text/javascript'></script>

৫.সামাজিক বুকমার্ক তালিকা তৈরী করা

নিচের কোডটুকু যুক্ত করতে হবে

<!-- Start of social bookmarks. Check http://tips-for-new-bloggers.blogspot.com/ for updates --><br/>
<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Digg' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/digg.gif'/></a>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'><img alt='Technorati' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/technorati.gif'/></a>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='del.icio.us' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/delicious.gif'/></a>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Stumbleupon' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/stumbleupon.gif'/></a>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Reddit' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/reddit.gif'/></a>
<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=" + data:post.url + "&amp;Title=" + data:post.title' target='_blank'><img alt='Blinklist' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/blink.gif'/></a>
<a expr:href='"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'><img alt='Furl' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/furl.gif'/></a>
<a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Spurl' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/spurl.gif'/></a>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'><img alt='Yahoo' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/yahoo.gif'/></a>
<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Simpy' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/simpy.gif'/></a><br/>
<!-- End of social bookmarks -->

কোথায় কোডটুকু যুক্ত করবেন?

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
এখানে কোডটুকু যুক্ত করুন
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>

৬.র‌্যানডম পোস্ট অপশন

ব্লগারে লগইন করে Blogger >> Layout >> Html/Javascript গিয়ে নিচের কোডটুকু পেস্ট করুন। র‌্যানডম পোস্টের উইজেট হয়ে যাবে।

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

৭.ড্রপ ডাউন লেবেল

ডেমো

নিচের ধাপগুলো অনুসরণ করুন:
১. Layout->Edit Html এ যান
২. নিচের কোড খুজে নিন:

</head>

৩. উপরের কোডের পর নিচের কোডটুকু পেস্ট করুন

<style>
#sddm
{ margin: 0;
padding: 0;
z-index: 30}
#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
/*Font of menu top*/
font: bold 11px arial}
#sddm li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
/*width of each menu top*/
width: 60px;
/*background color of main menu*/
background: #5970B2;
/*text color of main menu*/
color: #FFFFFF;
text-align: center;
text-decoration: none}
#sddm li a:hover
{
/*background color of main menu on hover*/
background: #49A3FF}
#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
/*background color of drop down menu */
background: #FFFFFF;
/*border of the drop down menu*/
border: 1px solid #5970B2}
#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
/*background color of each menu element*/
background: #FFFFFF;
/*text color of each menu element*/
color: #2875DE;
/*font of each menu element*/
font: 11px arial}
#sddm div a:hover
{
/*background of each element on hover*/
background: #49A3FF;
/*font color of each menu item on hover*/
color: #FFFFFF}
</style>
<script type='text/javascript'>
var timeout = 500;
var closetimer = 500;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
// close layer when click-out
document.onclick = mclose;
</script>

৪. মেনু যুক্ত করা:
ক. Layout>Page Elements এ যান
খ. Add Gadget এ ক্লিক করুন

গ. HTML/JAVASCRIPT সিলেক্ট করুন
ঘ.নিচের কোডটুকু সংযুক্ত করুন

<ul id="sddm">
<li><a href="#"
onmouseover="mopen('m1')"
onmouseout="mclosetime()">Home</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">HTML Drop Down</a>
<a href="#">DHTML Menu</a>
<a href="#">JavaScript DropDown</a>
<a href="#">Cascading Menu</a>
<a href="#">CSS Horizontal Menu</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Download</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">ASP Dropdown</a>
<a href="#">Pulldown menu</a>
<a href="#">AJAX Drop Submenu</a>
<a href="#">DIV Cascading Menu</a>
</div>
</li>
<li><a href="#">Order</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div style="clear:both"></div>

Note: # চিহ্নিত যায়গায় মেনুটির লিংক দিন।
ঙ. সেভ করুন
এ সব কিছুই অন্যের করা কাজ আমি মাত্র উপস্থাপনাকারী। শিরোনামের লিংকে ক্লিক করে মূল লেখাগুলো দিখতে পাবেন। লেখাটি পূর্বে এখানে প্রকাশ করা হয়েছে।
শেয়ার করুন: টুইটারে|ফেসবুকে।  টিউটরিয়ালবিডির লেখাগুলো ই-মেইলেই মাধ্যমে পেতে সাবক্রাইব করতে পারবেন। নতুন লেখা প্রকাশিত হওয়ার সাথে সাথে আপনার কাছে তার একটি কপি যাবে। আপনি চাইলে সহজেই ই-মেইলের মাধ্যমে নিউজলেটার পাওয়া বন্ধ করতে পারবেন।  টুইটারেও অনুসরন করতে পারেন।
আরো জানতে

http://w3mag.com/2009/08/31/best-17-blogger-hacks-of-all-time
প্রশ্ন উত্তর:
১. css ডেফিনেশন বলতে এডিট এইচটিএমএল এর কোন জায়গাটিকে বুঝিয়েছেন আমি বুঝতে পারিনাই একটু পরিস্কার বুঝালে ভাল হতো।
উত্তর:
টেমপ্লেট কোডের ভেরিয়্যাবল ডিক্লারেশনের পরের অংশটাতে সাধারনত css কোড থাকে। এক এক টেমপ্লেটে এক এক জায়গায় থাকতে পারে। নিচের ছবিটির জায়গাটা বুঝানো হয়েছে-


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


৩।হেডারে রেনডম ছবি বসাতে চাইলে কি এডিট এইচটিএমএলে কোড বসাতে হবে নাকিhtml/javascript এ যেয়ে কোড বসাতে হবে?
উত্তর: উভয়ই সম্ভব। যেটা আপনার কাছে ভাল মনে হয় সেটাই করতে পারেন। Image01URL এর জায়গায় ছবির লংক দিবেন।
৪.ট্যাগের মেঘ কিভাবে বানাবো সেটাও বুঝতে পারিনি।
" ট্যাগের মেঘ বানানো" লিংকটিতে ক্লিক করুন।

Read More

***মোবাইল চোরদের দিন শেষ! চালু হচ্ছে IMEI নিবন্ধন..BY:: Mosrur .***

মোবাইল হ্যান্ডসেট চুরি প্রতিরোধে চালু হতে যাচ্ছে International Mobile Equipment Identity (IMEI) নম্বর শনাক্তকরণ ব্যবস্থা।
এ জন্য প্রত্যেক গ্রাহকের হ্যান্ডসেটের IMEI নম্বর নিবন্ধনের বিষয়ে সেলফোন অপারেটরদের প্রতি নির্দেশনা জারি করতে যাচ্ছে বাংলাদেশ টেলিযোগাযোগ নিয়ন্ত্রণ কমিশন (BTRC)।
ফলে নকল হ্যান্ডসেটের বিক্রিও বন্ধ হবে বলে মনে করছেন সংশ্লিষ্টরা। প্রতিটি হ্যান্ডসেটে ১৫ সংখ্যার একটি নম্বর থাকে, যা IMEI নামে পরিচিত।
হ্যান্ডসেটে *#০৬# পরপর চাপলে বিস্তারিত
এক হ্যান্ডসেটের আইএমইআই নম্বর অন্য হ্যান্ডসেটের আইএমইআই নম্বর থেকে সম্পূর্ণ আলাদা। বর্তমানে আইএমইআই নম্বর নিবন্ধিত না হওয়ায় চুরি হলে হ্যান্ডসেট উদ্ধারে অনেক ক্ষেত্রে ব্যবস্থা নেয়া সম্ভব হয় না।

Read More

***শেয়ার বাজারের খবর নিন এসএমএস (SMS)-এ! তা-ও আবার বিনা খরচে!..__BY: Mostofa Anowar..***

যেসব ব্যবহারকারী শেয়ার বাজারের সাথেও জড়িত আছেন তাদের জন্য কাজে লাগতে পারে ট্রিকস্ টা।

বিনা খরচে এসএমএস (SMS)-এর মাধ্যমে বিভিন্ন খবর পেতে প্রথমেই www.facebook.com/stocktradersblog.net পেজটি Like করুন। তারপর এই পেজের নিচে বাম দিকে "Subscribe to SMS updates" এ ক্লিক করলেই Stock Traders Blog ব্লগে (www.stocktradersblog.net) যে কোন খবর প্রকাশিত হওয়া মাত্র আপনি আপনার মোবাইল-এ পেয়ে যাবেন।
তবে একটা ব্যাপারে বলে রাখা ভালো; এই ব্লগে বেশিরভাগ লেখাই বাংলায় লেখা। তাই এসএমএস-এ নিউজটা পড়তে পারবেন না বেশিরভাগ সময়।
তবে কিছু শর্ত আছে যথারীতি:

1. আপনার একটি ফেসবুক একাউন্ট থাকতে হবে
2. আপনার মোবাইল নাম্বারটি ভেরিফাই করতে হবে www.facebook.com/mobile এই লিন্ক-এ গিয়ে  (তবে www.facebook.com/mobile এ গেলে গ্রামীণফোন এর নাম লিস্ট এ দেখতে পাবেন না এখনো। বিকল্প পদ্ধতি হলো  "FB" লিখে এসএমএস করুন "2555" নম্বরে)
   • এসএমএস করে রবি এবং বাংলালিংক গ্রাহকরাও মোবাইল ফোন নম্বর ভেরিফাই করতে পারেন। এর জন্য রবি গ্রাহকরা "REG" এবং বাংলালিন্ক গ্রাহকরা "FB" লিখে  "32665" নম্বরে এসএমএস করুন
3. আপনার মোবাইল নম্বরটি গ্রামীণফোন, রবি কিংবা বাংলালিংক-এর হতে হবে
4. আরেকটা ব্যাপার না বললেই নয়, আপনি যদি ফেসবুকে লগইন করা অবস্থায় থাকেন তাহলে এসএমএস পাবেন না

Read More

***রবির নতুন এবং সহজ পদ্ধতিতে ব্যালান্স ট্রান্সফার !!!..__BY: Seikh Imruz Ahmed.***

ব্যালান্স ট্রান্সফারের জন্য একটা নতুন সেবা চালু করা হয়েছে। প্রিপ্রেইড এবং পোস্টপেইড উভয় গ্রাহকই যে কোন সময়ে যে কোন রবি প্রিপেইড একাউন্টে ব্যালান্স ট্রান্সফার করতে পারেন।এই সেবা রবির গ্রাহকগণকে যোগাযোগের ক্ষেত্রে চমৎকার সুযোগ করে দেবে। ব্যালান্স ১ টাকার কম থাকলেও গ্রাহকগণ যোগাযোগ করতে পারবেন। রবির প্রিপেইড গ্রাহকগণ যে কোন রবি নম্বরে ব্যালান্স চেয়ে অনুরোধ পাঠাতে পারেন। এধরনের সুযোগ বাংলাদেশে এই প্রথম।
কিভাবে ব্যালান্স ট্রান্সফার করবেন? 

• ব্যালান্স ট্রান্সফারের জন্য এখন নিবন্ধনের প্রয়োজন নেই। ট্রান্সফারের জন্য ম্যাসেজ অপশনে গিয়ে টাকার পরিমাণ (যেমন, ২০) লিখুন এবং ১২১২০১৮xxxxxxxx নম্বরে এসএমএস পাঠিয়ে দিন (এখানে ০১৮xxxxxxxx হচ্ছে ব্যালান্স গ্রহণকারীর নম্বর)|
• প্রথমবার লেনদেনের পর এই সেবার জন্য আপনি স্বয়ংক্রিয়ভাবে নিবন্ধনভূক্ত হবেন।
• সফলভাবে ট্রান্সফারের পর আপনি একটি পিন কোড পাবেন। পুনরায় ট্রান্সফার এর জন্য পিনটি ব্যবহার করুন। পিনটি বন্ধ করতে off <আপনার পিন> লিখে ১২১০ নম্বরে এসএমএস করুন।

কিভাবে ব্যালান্সের জন্য অনুরোধ পাঠাবেন? 

• অনুরোধ পাঠাতে আপনার একাউন্টে মাত্র ৫৮ পয়সা থাকলেই চলবে।
• মেসেজ এর অপশনে যত টাকা চান তার পরিমাণ (যেমন, ২৫) লিখে ১২১১০১৮yyyyyyyy নম্বরে এসএমএস পাঠান (এখানে ০১৮yyyyyyyy হচ্ছে ব্যালান্স প্রদানকারীর নম্বর)|
• দাতা অনুরোধটি এসএমএস হিসাবে পাবেন।

আপনি যখন একটি অনুরোধ পাবেন:

• অনুরোধটি গ্রহণ করলে, Y লিখে এসএমএস এর উত্তর দিন;
• অনুরোধটি গ্রহণ না করলে, N লিখে এসএমএস করুন;
• অনুরোধটি ব্লক করতে চাইলে, B লিখে এসএমএস করুন।

চার্জ (খরচ): 

• ট্রান্সফারের জন্য ২.০০ টাকা (+ভ্যাট) এবং
• ট্রান্সফার এর পরিমাণ থেকে ২.০০ টাকা (+ভ্যাট) কেটে নেওয়া হবে।

(ভয়েস) নির্দেশনা শুনেও আপনি সহজে ব্যালান্স ট্রান্সফার করতে পারবেন। এজন্য আপনার রবি নম্বর থেকে ১২১০ নম্বরে ডায়াল করে নির্দেশনা অনুযায়ী আপনার কাঙ্খিত রবি নম্বরে ব্যালান্স ট্রান্সফার করতে পারেন।

দ্রষ্টব্য:
১.	একজন প্রিপ্রেইড গ্রাহক একদিনে সর্বোচ্চ ১০০ টাকা ট্রান্সফার করতে পারবেন।
২.	একজন পোস্টপেইড গ্রাহক একদিনে সর্বোচ্চ ১০০ টাকা ট্রান্সফার করতে পারবেন।
৩.	প্রিপেইড এবং পোস্টপেইড উভয় ধরনের গ্রাহকদের জন্য সর্বনিম্ন ট্রান্সফারের পরিমাণ হবে ১০ টাকা এবং একমাসে সর্বোচ্চ ১,০০০ টাকা ট্রান্সফার করতে পারবেন।
৪.	ট্রান্সফারের পরিমাণ অবশ্যই পূর্ণ সংখ্যা হবে। (যেমন, ১৫.৩০ টাকা প্রযোজ্য না)।
৫.	ভ্যাট এবং শর্ত প্রযোজ্য।

Read More

***গিটারিস্ট ভাই ও বোন দের জন্য কিছু টিপস..__BY: Mh Raju Esc.***

**প্রথমেই ধন্নবাদ জানাই আমার গিটার গুরু (ইব্রাহিম আহমেদ কমল) ভাইকে উনার লেসন গুলু শেয়ার করলাম । উনি ওয়ারফেয ও অর্থহীন ব্যান্ড এর লিড গিটারিস্ট........

গিটার প্র্যাকটিস শুরু করার আগে কিছু এক্সারসাইজ এবং নিয়ম মানা উচিত । নিম্নে উপায় গুলু আলোচনা করা হল



* কিভাবে বসব ঃ
-- গিটার বাম পায়ের উপর ।
-- বাম পা পিড়ির উপর ।
-- মেরুদণ্ড সোজা থাকবে ।

*ডান হাত ঃ
-- শক্ত করে কিভাবে পিক ধরব ।
-- পিক এর অগ্র ভাগ অল্প বের হয়ে থাকবে ।
-- ৭৫ ডিগ্রী এঙ্গেল এ পিকিং করবে
-- পিকিং Down - Up , Down - Up করবে ।
-- কবজি দিয়ে পিকিং করবে , বুড়ো আঙ্গুল এবং প্রথম আঙ্গুল দিয়ে নয় ।

বাম হাত ঃ
-- ফ্রেটবোর্ড এ আঙ্গুল সোজা হয়ে থাকবে ।
-- বুড়ো আঙ্গুল নেক এর নীচের অংশে থাকবে
-- উপরের Strings থেকে নীচে নামার সময় 1st finger দিয়ে স্লাইড করে নামবে ।
-- উপর String থেকে নীচে নামার সময় , 1st finger দিয়ে সে String এ বাজাবে তার ঠিক উপরের String এ mute করবে।
-- আঙ্গুল কম নড়বে।

তাল ঃ
-- পা দিয়ে তাল রাখবে।

লয় ঃ
-- Metronome ব্যাবহার করবে , 60.64.68.72.76.80.......
-- প্রতি লয় এ অন্তত ১০ বার বা জতবার প্রয়োজন বাজাবে ।
অনুশীলন সূচী ঃ
৪৫ মিনিট করে ৩ বার প্রতিদিন ।

মতামত জানাবেন কেমন লাগলো আমার দেয়া টিপস গুলু.., নিশ্চয়ই অনেক ভালো গিটার বাজাবেন এই বিষয় গুলু নিয়মিত চর্চা করলে ।

Read More

********অনেক রকম সেবা পাবেন একটি সাইটে....BY: Mh Raju Esc..*****

কোথায় কোথায় ব্যাংকের এটিএম বুথ আছে, কোথায় কোথায় ব্যাংকের শাখা আছে, কোন ব্যাংক কোন কোন সেবা প্রদান করে, শিক্ষার্থীদের জন্য জন্য শিক্ষাঋণ, দেশের বিশ্ববিদ্যালয়ের ঠিকানা ও ভর্তির তথ্য, বৃত্তি, বিদেশে উচ্চ শিক্ষার তথ্য পাওয়া যাচ্ছে মীমডোর ডট কমে। দেশের বেকার যুবকদের জন্য ঘরে বসে অর্থ আয় করার উপায় সমূহ পাবেন এই ওয়েব সাইটে। এই সাইটে আছে ব্যবসার সম্পর্কিত আইডিয়া শেয়ার করার সুযোগ, আপনার যদি এক্িট সুন্দর আইডিয়া থাকে তাহলে আপনি শেয়ার করতে পারেন। যা থেকে অন্যকেউ উপকৃত হতে পারে। ক্যারিয়ার গাইডে পাবেন চাকরির ইন্টারভিউ সম্পর্কিত তথ্য বিভিন্ন পেশা ও চাকরি আপনি কিভাবে সার্চ করবেন। আপনার দৈনন্দিন প্রয়োজনীয় সকল তথ্যের ওয়েব সাইট হতে পারে। মীমডোর ডট কম। আপনার কোন মন্তব্য থাকলে সাইটটি ভিজিট করে আপনার মতামত শেয়ার করুন।
ঠিকানা:www.mimdoor.com

Read More