Tuesday, January 22, 2013

বিশ্বজোড়া রাসেলের কাজ


বিশ্বজোড়া রাসেলের কাজ

তৌহিদী হাসান |প্রথম আলো। তারিখ: ২৩-০১-২০১৩
রাসেল আহমেদ
রাসেল আহমেদ
ছবি: সংগৃহীত
ধানখেতের পাশে কয়েকজন যুবকের হাতে ল্যাপটপ। একমনে তাঁরা কাজ করে চলেছেন। তাঁদের পেছনে দাঁড়িয়ে রাসেল আহমেদ। কেউ একটু সমস্যায় পড়লেই কীভাবে সমাধান করা যায়, তা দেখিয়ে দিচ্ছেন তিনি। ভেড়ামারা ডিগ্রি কলেজের স্নাতক শেষ বর্ষের ছাত্র রাসেল। শূন্য থেকে শুরু করে আকাশছোঁয়ার দিকে এগিয়ে যাচ্ছেন এই যুবক। শুধু একা কাজ করে সফল হচ্ছেন, ভালো আয় করছেন, এমন নয়; গ্রামের অনেককেই নিজের কাজের সঙ্গে যুক্ত করেছেন। শিখিয়ে-পড়িয়ে তাঁদের দিচ্ছেন ভালো আয় করার পথের সন্ধান।
এখন প্রতি মাসে রাসেল কুষ্টিয়ার ভেড়ামারা উপজেলার ফারাকপুর গ্রামে বসেই বিদেশের আউটসোর্সিং কাজ করে দেড় থেকে দুই লাখ টাকা আয় করছেন। কীভাবে তা সম্ভব হলো? জানা যাক বিস্তারিত।
২০০৯ সালে গ্রামের বাজারে একটি দোকানে হঠাৎ কম্পিউটার দেখে থমকে দাঁড়ান রাসেল। প্রতিদিন কলেজ ছুটির পর সেই আশ্চর্য বস্তুটির কাছে হাজির হন। দেখতে দেখতে তাঁর মনে ইচ্ছা জাগে, কম্পিউটার শিখতে হবে।
রাসেলের জন্ম ১৯৮৯ সালে। বাবা মকবুল হোসেন পেশায় দরজি, মা রেহানা পারভীন গৃহিণী। মা-বাবা আর তিন ভাইবোনের সংসার চলে কায়ক্লেশে। কিন্তু কম্পিউটার তত দিনে জাদু করেছে রাসেলকে। তিনি বায়না ধরেন, পড়ালেখার পাশাপাশি কম্পিউটারের কাজ শিখবেন। ছেলের ইচ্ছা পূরণ হয় মায়ের বিয়ের কানের দুল বিক্রি করে। একটি কম্পিউটার প্রশিক্ষণকেন্দ্রে ভর্তি হয়ে যান রাসেল আহমেদ। মাসিক ১০০ টাকা বেতনে একটি চাকরিও জুটিয়ে ফেলেন।
কাজ করতে করতেই জানতে পারেন ইন্টারনেট থেকে আয় করা যায়। শুরু করেন ওয়েব ডিজাইন শেখা। একদিন পত্রিকার মাধ্যমে জানতে পারেন উপজেলা ই-সেন্টারে উদ্যোক্তা নিয়োগ হবে। সেখানে আবেদন করেন, চাকরিও পেয়ে যান। ভেড়ামারা উপজেলা নির্বাহী কর্মকর্তা রাজিবুল ইসলামের সহযোগিতায় অনলাইনে আয় সম্পর্কে আগ্রহী হন। এ সময় খুলনাতে এক প্রশিক্ষণে গিয়ে আউটসোর্সিংয়ের কাজ পাওয়ার ওয়েবসাইট ওডেস্ক ডট কমে তিনি অ্যাকাউন্ট খোলেন। একটা কাজও পেয়ে যান। কাজটি ঠিকঠাক করায় আরও কাজ আসতে থাকে। প্রথম মাসেই আয় ১৫ হাজার টাকা। সেটা ২০১০ সালের শেষের দিকের কথা।
এরপর আর পেছন ফিরে তাকাতে হয়নি রাসেল আহমেদকে। আউটসোর্সিং কাজের জন্যই ইংরেজি ভাষা শিখতে থাকেন, সঙ্গে ওয়েব ডিজাইন, ওয়েব প্রোগ্রামিং।
গত অক্টোবর মাসে রাসেলের আয় হয়েছে দুই লাখ টাকা। ‘ডিজাইনিংওয়ে’ নামে নিজের একটি কোম্পানি তৈরি করেছেন। এই কোম্পানি বিভিন্ন বিদেশি গ্রাহকের কাজ করে দেয়। ওডেস্কের মতো ওয়েবসাইটের মাধ্যমে না গিয়ে সরাসরিও অনেক কাজ পান তিনি। রাসেল বলেন, ‘আমি বাংলাদেশি হিসেবে গর্ববোধ করি। এত সীমাবদ্ধতা থাকার পরও আমি আমার কোম্পানিতে বাংলাদেশি মানুষদের প্রাধান্য দিচ্ছি।’
ভেড়ামারার গ্রামে বসে রাসেল এখন কানাডার মেশিন রিসার্চ অ্যান্ড সফটওয়্যার ফাউন্ড্রি লিমিটেডে চাকরি করেন। বেতন পান মাসে দেড় লাখ টাকা। যুক্তরাষ্ট্রের এটি প্রতিষ্ঠানে খণ্ডকালীন চাকরিও করেন। অস্ট্রেলিয়ার একজন উদ্যোক্তার সঙ্গে অংশীদার হয়ে চালাচ্ছেন একটি অনলাইন বিপণনপ্রতিষ্ঠান (ইয়োরমার্কেটিংসেলস)। রাসেলের অস্ট্রেলীয় অংশীদার স্থায়ীভাবে তাঁকে সে দেশে গিয়ে থাকা ও কাজ করার প্রস্তাব দিলেও হাসিমুখেই তা ফিরিয়ে দিয়েছেন তিনি। গ্রামের বাড়িতে ব্রডব্যান্ড ইন্টারনেট সংযোগ পেয়েছেন। ফলে আউটসোর্সিংয়ের কাজটি আরও গতি পেয়েছে। রাসেলের ভাষায়, ‘এ দেশের সুযোগ-সুবিধায় বড় হয়েছি, তাই বিদেশে যাব না। আমি আমার গ্রাম থেকেই দেশকে অনেক উঁচুতে নিয়ে যেতে চাই।’
অনলাইনে যে কেউ যেকোনো জায়গা থেকে যেন কাজ শিখতে পারেন, সে জন্য আর আর ফাউন্ডেশন (www.rrfoundation.net) নামে একটা ওয়েবসাইট তৈরি করেছেন রাসেল। উদ্দেশ্য, তথ্যপ্রযুক্তি শিক্ষার মাধ্যমে বেকারত্ব দূর করা। এই সাইটের ভিডিও টিউটোরিয়ালগুলো কম্পিউটারে নামিয়ে নিয়ে যে কেউ আউটসোর্সিং শিখতে পারবেন। পুরোটাই বিনা মূল্যে। এভাবেই নিজের গ্রামে থেকে রাসেল ছড়িয়ে পড়ছেন দেশময়, বিশ্বময়। দেশকে নিয়ে যাচ্ছেন আরও উঁচুতে।
 আমিই বাংলাদেশ নিয়ে পরামর্শ ও তথ্য যোগাযোগ: ab@prothom-alo.info

Saturday, January 19, 2013

How to Add Links of Pages/Labels to Drop-down Navigation Menu




How to Add Links of Pages/Labels to Drop-down Navigation Menu



referencehttp://www.rookieslab.com/2012/08/how-to-add-pages-labels-links-to-drop-down-navigation-menu-in-blogger-custom-template.html

How to add Links to Drop Down menu
All links here goes to your yourblogname.com/#
Its been a tough job for a newbie to construct an easy navigation blog. After applying any external template to your blog, you come across a problem of adding Category Links to the Drop-down Navigation menu.

You can however Add Pages by going to Layout >> Pages How to add Pages to Top Blogger Menu

But this tutorial will carry out the procedure of adding Category Links, Sub-categories, or Featured Content Links to Drop-down Menu that came up along with your newly applied external template.
How to apply external template to blogger?

After applying the new template, all your links in the Drop-down menu will take you to Home Page(yourblogname.com/#) by default.

Step-by-Step procedure on How to change those links to Pages & Category Links.

(First take a backup of your current template before proceeding)

1. Go to Blogger Dashboard >> Template >> Edit Template >> Proceed

How to add Links to Drop Down menu

2. Now search(Ctrl + F) for any term that you see in the Menu Bar. For eg. our menu appears as above, we'll search for the word "Business" in our HTML code.

Add Pages in Drop Down MenuClick on the screen-shot for more help.

3. Now, just before "Business", there is some text likehref='#' 

Instead of the # sign you've to put the URL you want "Business" to redirect. That means whenever the "Business" is clicked people will be directed to posts filed under Business Label.
For eg.:
href='http://www.rookieslab.com/search/label/Blogger'
will redirect users to posts filed under Blogger.

4. Similarly you can proceed to other Categories/Sub-categories or Posts or Pages Links. Change the text "Business" according to your categories/Labels.

If you don't want many of the categories, just select the code which shows that category & delete it. If in future you'd like to use it then you already have the downloaded .xml file of your template.

For eg. We don't need Health Category for now. So select the code which is like this

<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li> 

& delete that. Take care of the starting & ending of the code, text highlighted in Blue indicate the start & end of Health Menu, while the one in Green shows the sub-categories under Health.


Now your Drop-down Menu will work according to your wish.

I hope that this was well explained, but still if any of the point is badly explained then please ask via comments.

Happy Blogging.

Eviva.


Tuesday, January 8, 2013

backup for image

















picture upload here

How to make Photo Gallery


Create Blogger Backup For Images And Get Image URLs



Go to this link: http://www.mybloggertricks.com/2009/11/create-blogger-backup-for-images-and.html

Backup-Images-in-BloggerMany bloggers including some professional ones suggest to store Blogger images on services likewww.Photobucket.com ,www.tinypic.com etc. but I really don’t understand why would someone do that when one has unlimited Image storage and bandwidth inside Picasa web albums that is where Blogger saves all your images. Well its time to change the way people use Blogger and we are here to let you help make better use of resources available to you.

Today I will share a different way of managing all your images in blogger by letting you know how to create a Backup for all your images and we will also learn how to get Unique URLs for images. This tutorial will also help you in reducing your blog load time by 40% i.e 150-200kb
To create an Image Backup you will need to do the following,
  • Go To Blogger
  • Create a draft Post and name it Backup For Images
  • Now start uploading all your images to blogger using the normal method. These images can be images that you have saved elsewhere and have link to it in your blogger template. For example: Background Image, Sidebar Headers, Icons, Header Background etc. If you scan your template you will find many image URLs inside the CSS part that starts from <b:skin> and ends at </b:skin>. An image URL/link can end as .gif  | .png  |  .jpeg   |  .bmp etc. Open each URL/link in your browser and save the image in your Hard Drive by right clicking on it and then choosing “Save Image As”
  • Once you have uploaded all your images, your backup will look like that of mine,
BACKUP FOR IMAGES

  • Now Comes the interesting part. In order to get Image URLs and use them somewhere inside your blog template or sidebar widgets, you will need to do the following,
    • Make sure you are using Firefox Browser
    • Click the Preview Link at the top-right corner of your Backup post
    Preview-link
    • Once the images are displayed below the draft post, simply right click on your desired image and then choose “Copy Image Location”Copy-Image-Location
    • Now paste this Image URL inside your Browser Address bar,
Paste-Image-URL-in-Browser-
  • Your Image URL will look something like the one below,
http://4.bp.blogspot.com/_7wIwo/Spr1Lxjk6I/AABu0/uS0zY4/s400/MyBloggerTricks.jpg
The important part in this link is s400 . If you want the image to appear in full size then change s400 to s1600 . The image will appear in its original size.
Now this is how I store all my images and get their unique URLs. This way you will never loose images. By adding such image URLs to your blogger templates, you will observe a significant decrease in the load time of your blog.
I will publish a detailed post tomorrow on how to reduce Blog Load time. Make sure you don’t miss it.

If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates


If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

25 comments:

chinna on Nov 4, 2009 6:00:00 PM said... # 1
hello what about my blogger header split into two sections in your MBT Church theme
regards:-jayarajyadav.blogspot.com
Mohammad Mustafa Ahmedzai on Nov 5, 2009 12:56:00 AM said... # 2
@China

Out of my busy schedule I was only able to get that comment bubble work with your blog.
The tutorial had a wrong CSS code that made the bubble align to the left rather to the right. I managed to fix the code.

This what you need to do,
1. Inside your template paste the code below just above ]]></b:skin>

.comment-link {
margin-left:.6em;
}

.post-comment-link {
float : right;
width : 48px;
height : 48px;
font-size : 18px;
margin-top : -12px;
text-align : center;
background : url(http://i43.tinypic.com/dljpzo.jpg) no-repeat;
margin-right : 2px;
}

2. Now search for
.post h3 {
margin: 0 0 5px;
padding-bottom:5px;
background:url(http://www.kriesi.at/demos/reflect/images/border.jpg) repeat-x bottom;
}
And change padding-bottom value to 20px.

3. Now save and backup your template

4. Now search for <h3 class='post-title entry-title'> and just after it paste the code below,
<b:if cond='data:post.allowComments'>
<a class='post-comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

5. Then search for <span class='comment-link'>
Delete all the code that looks like the one below,
<span class='comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

Now Save your template and enjoy the new look!
kajarangithan on Nov 5, 2009 1:33:00 AM said... # 3
you every artical is very usefull for me i like your blog
kajarangithan on Nov 5, 2009 1:36:00 AM said... # 4
keep writting
Mohammad Mustafa Ahmedzai on Nov 5, 2009 5:13:00 PM said... # 5
@kajarangithan

You welcome :>
chinna on Nov 5, 2009 6:19:00 PM said... # 6
thanks for Ur help i am grateful to u
please consider my request for header splitter to two sections
thank uuuuuuuuuuuuuuuuuuuuuuu
Mohammad Mustafa Ahmedzai on Nov 5, 2009 7:14:00 PM said... # 7
@Chinna

I would do that after my next post release. I hope You understand.
Joe on Nov 5, 2009 7:16:00 PM said... # 8
Mohammad that is a wonderful tip. Thanks dude it was extremely useful. Hats off to you!
Beben on Jan 22, 2010 4:16:00 PM said... # 9
for default image size for blogger, we can do ...
http://4.bp.blogspot.com/_7wIwo/Spr1Lxjk6I/AABu0/uS0zY4/s400/MyBloggerTricks.jpg ...
Just del nominal to be .... http://4.bp.blogspot.com/_7wIwo/Spr1Lxjk6I/AABu0/uS0zY4/....MyBloggerTricks.jpg....
that's for all size
John on Jan 29, 2010 2:25:00 PM said... # 10
Hi, I am pretty sure that blogger has limited storage for pics. Its probably 1GB. Why did u mention unlimited
Mohammad Mustafa Ahmedzai on Jan 31, 2010 12:45:00 AM said... # 11
@John

At the time when I published this post there was no storage limit but now there is a 1GB limit.

Anyways 1 GB still means unlimited =D
SomEbodyCALLme??... yeS I'm Here!! on May 27, 2010 10:56:00 AM said...# 12
thanK You sO much...
this is really help me...
ThaNk!!

Go to my blog and help me to make my blog being Nice..
Ana Laura on Jul 17, 2010 8:35:00 PM said... # 13
Great, I uploaded my template's images to blogger and used the new links, good advise!! I really noticed how it became quicker this way.

Thank you!
Jackson Nwachukwu on Nov 2, 2011 6:22:00 PM said... # 14
Hi Mustafa, I want to get this right. I make post that requires me to upload images as thumbnails and screen-shots. I normally upload images directly from system using the upload image button on blogger post editor. Is this the same way you add images to your posts? Or do you upload to blogger and then copy the URL? If so how do you add the URL in your post editor to show on the post? Pls I need your reply on this. You can also reply me via jackson5_live@live.com.

Thanks
Mohammad Mustafa Ahmedzai on Nov 2, 2011 10:47:00 PM said... # 15
@jackson

I use Windows Live Writer and it does the job automatically. I simply add the image to live writer and it uploads it to blogger when the post is published. Else you can use the following code for making the image to appear,

<img border="0" src="Image URL"/>


For Window live writer read: http://www.mybloggertricks.com/2011/05/use-windows-live-writer-kick-blogger.html
Ishita on Jan 11, 2012 12:13:00 AM said... # 16
Thanks a lot for your valuable article for read more button it really worked well.
Hamy Cheeta on Feb 18, 2012 8:41:00 PM said... # 17
Kewl!!
Waleed Khaliqi on Mar 3, 2012 5:13:00 PM said... # 18
What if images are already uploaded in blogger but not by us by the creator of our template? should we apply this tutorial anyways or no?
according to me we should live it and not apply. what say you mustaffah?
Engg.... on Mar 29, 2012 11:03:00 PM said... # 19
Please suggest me a template that is suitable for my blog

http://studytipsandtricks.blogspot.in
rajesh Dx on Jun 16, 2012 9:20:00 PM said... # 20
upload the image with the required size instead of resizing them in blogger.This reduces space occupied by the image and helps for faster browsing.
NAGARIYA on Jul 11, 2012 10:35:00 AM said... # 21
hello i hav problem in my blog that images are not showing in post
and if i upload through image uploader from blogger it is not showing plz help my website is http://www.bhartinaukri.in
i hav also write on blogger help http://support.google.com/blogger/bin/answer.py?hl=en&answer=42528
but it not help
jewelraz on Jul 14, 2012 9:21:00 AM said... # 22
Thanks for the tips mate. Is there any image re sizer widget for blogger? I know about wordpress image re-sizer but guessing if there is any widget for blogger?

Regards,
Admin of manual article submission
MoneyTalks_uk on Oct 16, 2012 8:45:00 PM said... # 23
Hi Mohammed, how to I edit my Template and sidebars to have the look and feel of yours, been trying it for 3 months now, no CSS I use seem to give the desired effect, please be kind enough to give tutorial on this
trivik ram on Nov 5, 2012 3:33:00 PM said... # 24
one stop destination 4 all bloggers .thanks would become a smallword 2 thank u. nyway popular and recent /widgets posts take only small thumbnails from the large posters in our posts,thus making my home page load slow,how to give small thumbnails to popular/recent widgets. thnks
chandrakant nial on Nov 14, 2012 3:08:00 PM said... # 25
Hey this Is chandrakant nial i am owner of www.darksite.co.in and blog.darksite.in and media.darksite.in i just want to know how i can split content in main page to 3 column please visit www.darksite.co.in and reply thanks in advance.

Click Here To add Comment


SUPPORT US

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-

or try a Beautiful Banner
 

Sample text

Tuesday, January 22, 2013

বিশ্বজোড়া রাসেলের কাজ


বিশ্বজোড়া রাসেলের কাজ

তৌহিদী হাসান |প্রথম আলো। তারিখ: ২৩-০১-২০১৩
রাসেল আহমেদ
রাসেল আহমেদ
ছবি: সংগৃহীত
ধানখেতের পাশে কয়েকজন যুবকের হাতে ল্যাপটপ। একমনে তাঁরা কাজ করে চলেছেন। তাঁদের পেছনে দাঁড়িয়ে রাসেল আহমেদ। কেউ একটু সমস্যায় পড়লেই কীভাবে সমাধান করা যায়, তা দেখিয়ে দিচ্ছেন তিনি। ভেড়ামারা ডিগ্রি কলেজের স্নাতক শেষ বর্ষের ছাত্র রাসেল। শূন্য থেকে শুরু করে আকাশছোঁয়ার দিকে এগিয়ে যাচ্ছেন এই যুবক। শুধু একা কাজ করে সফল হচ্ছেন, ভালো আয় করছেন, এমন নয়; গ্রামের অনেককেই নিজের কাজের সঙ্গে যুক্ত করেছেন। শিখিয়ে-পড়িয়ে তাঁদের দিচ্ছেন ভালো আয় করার পথের সন্ধান।
এখন প্রতি মাসে রাসেল কুষ্টিয়ার ভেড়ামারা উপজেলার ফারাকপুর গ্রামে বসেই বিদেশের আউটসোর্সিং কাজ করে দেড় থেকে দুই লাখ টাকা আয় করছেন। কীভাবে তা সম্ভব হলো? জানা যাক বিস্তারিত।
২০০৯ সালে গ্রামের বাজারে একটি দোকানে হঠাৎ কম্পিউটার দেখে থমকে দাঁড়ান রাসেল। প্রতিদিন কলেজ ছুটির পর সেই আশ্চর্য বস্তুটির কাছে হাজির হন। দেখতে দেখতে তাঁর মনে ইচ্ছা জাগে, কম্পিউটার শিখতে হবে।
রাসেলের জন্ম ১৯৮৯ সালে। বাবা মকবুল হোসেন পেশায় দরজি, মা রেহানা পারভীন গৃহিণী। মা-বাবা আর তিন ভাইবোনের সংসার চলে কায়ক্লেশে। কিন্তু কম্পিউটার তত দিনে জাদু করেছে রাসেলকে। তিনি বায়না ধরেন, পড়ালেখার পাশাপাশি কম্পিউটারের কাজ শিখবেন। ছেলের ইচ্ছা পূরণ হয় মায়ের বিয়ের কানের দুল বিক্রি করে। একটি কম্পিউটার প্রশিক্ষণকেন্দ্রে ভর্তি হয়ে যান রাসেল আহমেদ। মাসিক ১০০ টাকা বেতনে একটি চাকরিও জুটিয়ে ফেলেন।
কাজ করতে করতেই জানতে পারেন ইন্টারনেট থেকে আয় করা যায়। শুরু করেন ওয়েব ডিজাইন শেখা। একদিন পত্রিকার মাধ্যমে জানতে পারেন উপজেলা ই-সেন্টারে উদ্যোক্তা নিয়োগ হবে। সেখানে আবেদন করেন, চাকরিও পেয়ে যান। ভেড়ামারা উপজেলা নির্বাহী কর্মকর্তা রাজিবুল ইসলামের সহযোগিতায় অনলাইনে আয় সম্পর্কে আগ্রহী হন। এ সময় খুলনাতে এক প্রশিক্ষণে গিয়ে আউটসোর্সিংয়ের কাজ পাওয়ার ওয়েবসাইট ওডেস্ক ডট কমে তিনি অ্যাকাউন্ট খোলেন। একটা কাজও পেয়ে যান। কাজটি ঠিকঠাক করায় আরও কাজ আসতে থাকে। প্রথম মাসেই আয় ১৫ হাজার টাকা। সেটা ২০১০ সালের শেষের দিকের কথা।
এরপর আর পেছন ফিরে তাকাতে হয়নি রাসেল আহমেদকে। আউটসোর্সিং কাজের জন্যই ইংরেজি ভাষা শিখতে থাকেন, সঙ্গে ওয়েব ডিজাইন, ওয়েব প্রোগ্রামিং।
গত অক্টোবর মাসে রাসেলের আয় হয়েছে দুই লাখ টাকা। ‘ডিজাইনিংওয়ে’ নামে নিজের একটি কোম্পানি তৈরি করেছেন। এই কোম্পানি বিভিন্ন বিদেশি গ্রাহকের কাজ করে দেয়। ওডেস্কের মতো ওয়েবসাইটের মাধ্যমে না গিয়ে সরাসরিও অনেক কাজ পান তিনি। রাসেল বলেন, ‘আমি বাংলাদেশি হিসেবে গর্ববোধ করি। এত সীমাবদ্ধতা থাকার পরও আমি আমার কোম্পানিতে বাংলাদেশি মানুষদের প্রাধান্য দিচ্ছি।’
ভেড়ামারার গ্রামে বসে রাসেল এখন কানাডার মেশিন রিসার্চ অ্যান্ড সফটওয়্যার ফাউন্ড্রি লিমিটেডে চাকরি করেন। বেতন পান মাসে দেড় লাখ টাকা। যুক্তরাষ্ট্রের এটি প্রতিষ্ঠানে খণ্ডকালীন চাকরিও করেন। অস্ট্রেলিয়ার একজন উদ্যোক্তার সঙ্গে অংশীদার হয়ে চালাচ্ছেন একটি অনলাইন বিপণনপ্রতিষ্ঠান (ইয়োরমার্কেটিংসেলস)। রাসেলের অস্ট্রেলীয় অংশীদার স্থায়ীভাবে তাঁকে সে দেশে গিয়ে থাকা ও কাজ করার প্রস্তাব দিলেও হাসিমুখেই তা ফিরিয়ে দিয়েছেন তিনি। গ্রামের বাড়িতে ব্রডব্যান্ড ইন্টারনেট সংযোগ পেয়েছেন। ফলে আউটসোর্সিংয়ের কাজটি আরও গতি পেয়েছে। রাসেলের ভাষায়, ‘এ দেশের সুযোগ-সুবিধায় বড় হয়েছি, তাই বিদেশে যাব না। আমি আমার গ্রাম থেকেই দেশকে অনেক উঁচুতে নিয়ে যেতে চাই।’
অনলাইনে যে কেউ যেকোনো জায়গা থেকে যেন কাজ শিখতে পারেন, সে জন্য আর আর ফাউন্ডেশন (www.rrfoundation.net) নামে একটা ওয়েবসাইট তৈরি করেছেন রাসেল। উদ্দেশ্য, তথ্যপ্রযুক্তি শিক্ষার মাধ্যমে বেকারত্ব দূর করা। এই সাইটের ভিডিও টিউটোরিয়ালগুলো কম্পিউটারে নামিয়ে নিয়ে যে কেউ আউটসোর্সিং শিখতে পারবেন। পুরোটাই বিনা মূল্যে। এভাবেই নিজের গ্রামে থেকে রাসেল ছড়িয়ে পড়ছেন দেশময়, বিশ্বময়। দেশকে নিয়ে যাচ্ছেন আরও উঁচুতে।
 আমিই বাংলাদেশ নিয়ে পরামর্শ ও তথ্য যোগাযোগ: ab@prothom-alo.info

Saturday, January 19, 2013

How to Add Links of Pages/Labels to Drop-down Navigation Menu




How to Add Links of Pages/Labels to Drop-down Navigation Menu



referencehttp://www.rookieslab.com/2012/08/how-to-add-pages-labels-links-to-drop-down-navigation-menu-in-blogger-custom-template.html

How to add Links to Drop Down menu
All links here goes to your yourblogname.com/#
Its been a tough job for a newbie to construct an easy navigation blog. After applying any external template to your blog, you come across a problem of adding Category Links to the Drop-down Navigation menu.

You can however Add Pages by going to Layout >> Pages How to add Pages to Top Blogger Menu

But this tutorial will carry out the procedure of adding Category Links, Sub-categories, or Featured Content Links to Drop-down Menu that came up along with your newly applied external template.
How to apply external template to blogger?

After applying the new template, all your links in the Drop-down menu will take you to Home Page(yourblogname.com/#) by default.

Step-by-Step procedure on How to change those links to Pages & Category Links.

(First take a backup of your current template before proceeding)

1. Go to Blogger Dashboard >> Template >> Edit Template >> Proceed

How to add Links to Drop Down menu

2. Now search(Ctrl + F) for any term that you see in the Menu Bar. For eg. our menu appears as above, we'll search for the word "Business" in our HTML code.

Add Pages in Drop Down MenuClick on the screen-shot for more help.

3. Now, just before "Business", there is some text likehref='#' 

Instead of the # sign you've to put the URL you want "Business" to redirect. That means whenever the "Business" is clicked people will be directed to posts filed under Business Label.
For eg.:
href='http://www.rookieslab.com/search/label/Blogger'
will redirect users to posts filed under Blogger.

4. Similarly you can proceed to other Categories/Sub-categories or Posts or Pages Links. Change the text "Business" according to your categories/Labels.

If you don't want many of the categories, just select the code which shows that category & delete it. If in future you'd like to use it then you already have the downloaded .xml file of your template.

For eg. We don't need Health Category for now. So select the code which is like this

<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li> 

& delete that. Take care of the starting & ending of the code, text highlighted in Blue indicate the start & end of Health Menu, while the one in Green shows the sub-categories under Health.


Now your Drop-down Menu will work according to your wish.

I hope that this was well explained, but still if any of the point is badly explained then please ask via comments.

Happy Blogging.

Eviva.


Tuesday, January 8, 2013

backup for image

















picture upload here

How to make Photo Gallery


Create Blogger Backup For Images And Get Image URLs



Go to this link: http://www.mybloggertricks.com/2009/11/create-blogger-backup-for-images-and.html

Backup-Images-in-BloggerMany bloggers including some professional ones suggest to store Blogger images on services likewww.Photobucket.com ,www.tinypic.com etc. but I really don’t understand why would someone do that when one has unlimited Image storage and bandwidth inside Picasa web albums that is where Blogger saves all your images. Well its time to change the way people use Blogger and we are here to let you help make better use of resources available to you.

Today I will share a different way of managing all your images in blogger by letting you know how to create a Backup for all your images and we will also learn how to get Unique URLs for images. This tutorial will also help you in reducing your blog load time by 40% i.e 150-200kb
To create an Image Backup you will need to do the following,
  • Go To Blogger
  • Create a draft Post and name it Backup For Images
  • Now start uploading all your images to blogger using the normal method. These images can be images that you have saved elsewhere and have link to it in your blogger template. For example: Background Image, Sidebar Headers, Icons, Header Background etc. If you scan your template you will find many image URLs inside the CSS part that starts from <b:skin> and ends at </b:skin>. An image URL/link can end as .gif  | .png  |  .jpeg   |  .bmp etc. Open each URL/link in your browser and save the image in your Hard Drive by right clicking on it and then choosing “Save Image As”
  • Once you have uploaded all your images, your backup will look like that of mine,
BACKUP FOR IMAGES

  • Now Comes the interesting part. In order to get Image URLs and use them somewhere inside your blog template or sidebar widgets, you will need to do the following,
    • Make sure you are using Firefox Browser
    • Click the Preview Link at the top-right corner of your Backup post
    Preview-link
    • Once the images are displayed below the draft post, simply right click on your desired image and then choose “Copy Image Location”Copy-Image-Location
    • Now paste this Image URL inside your Browser Address bar,
Paste-Image-URL-in-Browser-
  • Your Image URL will look something like the one below,
http://4.bp.blogspot.com/_7wIwo/Spr1Lxjk6I/AABu0/uS0zY4/s400/MyBloggerTricks.jpg
The important part in this link is s400 . If you want the image to appear in full size then change s400 to s1600 . The image will appear in its original size.
Now this is how I store all my images and get their unique URLs. This way you will never loose images. By adding such image URLs to your blogger templates, you will observe a significant decrease in the load time of your blog.
I will publish a detailed post tomorrow on how to reduce Blog Load time. Make sure you don’t miss it.

If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates


If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

25 comments:

chinna on Nov 4, 2009 6:00:00 PM said... # 1
hello what about my blogger header split into two sections in your MBT Church theme
regards:-jayarajyadav.blogspot.com
Mohammad Mustafa Ahmedzai on Nov 5, 2009 12:56:00 AM said... # 2
@China

Out of my busy schedule I was only able to get that comment bubble work with your blog.
The tutorial had a wrong CSS code that made the bubble align to the left rather to the right. I managed to fix the code.

This what you need to do,
1. Inside your template paste the code below just above ]]></b:skin>

.comment-link {
margin-left:.6em;
}

.post-comment-link {
float : right;
width : 48px;
height : 48px;
font-size : 18px;
margin-top : -12px;
text-align : center;
background : url(http://i43.tinypic.com/dljpzo.jpg) no-repeat;
margin-right : 2px;
}

2. Now search for
.post h3 {
margin: 0 0 5px;
padding-bottom:5px;
background:url(http://www.kriesi.at/demos/reflect/images/border.jpg) repeat-x bottom;
}
And change padding-bottom value to 20px.

3. Now save and backup your template

4. Now search for <h3 class='post-title entry-title'> and just after it paste the code below,
<b:if cond='data:post.allowComments'>
<a class='post-comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

5. Then search for <span class='comment-link'>
Delete all the code that looks like the one below,
<span class='comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

Now Save your template and enjoy the new look!
kajarangithan on Nov 5, 2009 1:33:00 AM said... # 3
you every artical is very usefull for me i like your blog
kajarangithan on Nov 5, 2009 1:36:00 AM said... # 4
keep writting
Mohammad Mustafa Ahmedzai on Nov 5, 2009 5:13:00 PM said... # 5
@kajarangithan

You welcome :>
chinna on Nov 5, 2009 6:19:00 PM said... # 6
thanks for Ur help i am grateful to u
please consider my request for header splitter to two sections
thank uuuuuuuuuuuuuuuuuuuuuuu
Mohammad Mustafa Ahmedzai on Nov 5, 2009 7:14:00 PM said... # 7
@Chinna

I would do that after my next post release. I hope You understand.
Joe on Nov 5, 2009 7:16:00 PM said... # 8
Mohammad that is a wonderful tip. Thanks dude it was extremely useful. Hats off to you!
Beben on Jan 22, 2010 4:16:00 PM said... # 9
for default image size for blogger, we can do ...
http://4.bp.blogspot.com/_7wIwo/Spr1Lxjk6I/AABu0/uS0zY4/s400/MyBloggerTricks.jpg ...
Just del nominal to be .... http://4.bp.blogspot.com/_7wIwo/Spr1Lxjk6I/AABu0/uS0zY4/....MyBloggerTricks.jpg....
that's for all size
John on Jan 29, 2010 2:25:00 PM said... # 10
Hi, I am pretty sure that blogger has limited storage for pics. Its probably 1GB. Why did u mention unlimited
Mohammad Mustafa Ahmedzai on Jan 31, 2010 12:45:00 AM said... # 11
@John

At the time when I published this post there was no storage limit but now there is a 1GB limit.

Anyways 1 GB still means unlimited =D
SomEbodyCALLme??... yeS I'm Here!! on May 27, 2010 10:56:00 AM said...# 12
thanK You sO much...
this is really help me...
ThaNk!!

Go to my blog and help me to make my blog being Nice..
Ana Laura on Jul 17, 2010 8:35:00 PM said... # 13
Great, I uploaded my template's images to blogger and used the new links, good advise!! I really noticed how it became quicker this way.

Thank you!
Jackson Nwachukwu on Nov 2, 2011 6:22:00 PM said... # 14
Hi Mustafa, I want to get this right. I make post that requires me to upload images as thumbnails and screen-shots. I normally upload images directly from system using the upload image button on blogger post editor. Is this the same way you add images to your posts? Or do you upload to blogger and then copy the URL? If so how do you add the URL in your post editor to show on the post? Pls I need your reply on this. You can also reply me via jackson5_live@live.com.

Thanks
Mohammad Mustafa Ahmedzai on Nov 2, 2011 10:47:00 PM said... # 15
@jackson

I use Windows Live Writer and it does the job automatically. I simply add the image to live writer and it uploads it to blogger when the post is published. Else you can use the following code for making the image to appear,

<img border="0" src="Image URL"/>


For Window live writer read: http://www.mybloggertricks.com/2011/05/use-windows-live-writer-kick-blogger.html
Ishita on Jan 11, 2012 12:13:00 AM said... # 16
Thanks a lot for your valuable article for read more button it really worked well.
Hamy Cheeta on Feb 18, 2012 8:41:00 PM said... # 17
Kewl!!
Waleed Khaliqi on Mar 3, 2012 5:13:00 PM said... # 18
What if images are already uploaded in blogger but not by us by the creator of our template? should we apply this tutorial anyways or no?
according to me we should live it and not apply. what say you mustaffah?
Engg.... on Mar 29, 2012 11:03:00 PM said... # 19
Please suggest me a template that is suitable for my blog

http://studytipsandtricks.blogspot.in
rajesh Dx on Jun 16, 2012 9:20:00 PM said... # 20
upload the image with the required size instead of resizing them in blogger.This reduces space occupied by the image and helps for faster browsing.
NAGARIYA on Jul 11, 2012 10:35:00 AM said... # 21
hello i hav problem in my blog that images are not showing in post
and if i upload through image uploader from blogger it is not showing plz help my website is http://www.bhartinaukri.in
i hav also write on blogger help http://support.google.com/blogger/bin/answer.py?hl=en&answer=42528
but it not help
jewelraz on Jul 14, 2012 9:21:00 AM said... # 22
Thanks for the tips mate. Is there any image re sizer widget for blogger? I know about wordpress image re-sizer but guessing if there is any widget for blogger?

Regards,
Admin of manual article submission
MoneyTalks_uk on Oct 16, 2012 8:45:00 PM said... # 23
Hi Mohammed, how to I edit my Template and sidebars to have the look and feel of yours, been trying it for 3 months now, no CSS I use seem to give the desired effect, please be kind enough to give tutorial on this
trivik ram on Nov 5, 2012 3:33:00 PM said... # 24
one stop destination 4 all bloggers .thanks would become a smallword 2 thank u. nyway popular and recent /widgets posts take only small thumbnails from the large posters in our posts,thus making my home page load slow,how to give small thumbnails to popular/recent widgets. thnks
chandrakant nial on Nov 14, 2012 3:08:00 PM said... # 25
Hey this Is chandrakant nial i am owner of www.darksite.co.in and blog.darksite.in and media.darksite.in i just want to know how i can split content in main page to 3 column please visit www.darksite.co.in and reply thanks in advance.

Click Here To add Comment


SUPPORT US

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-

or try a Beautiful Banner
 

Ads 468x60px

Social Icons

Followers

Featured Posts