Web Design Solution BD

After your logo is ready for display, you have to upload it to some site. You may use ImageShack for uploading the picture. After you upload the picture, you will get a link to that picture. Copy that link and save it in a text file.


1. Now, go to your blogger dashboard. Navigate to "Layout>>Edit HTML". Make sure you back up your template before doing any changes.
2. Search for the following code using "CTRL+F"

</head>

3. Now, paste the following code above the line mentioned in step 2.

<link href='http://img502.imageshack.us/img502/3879/micon.gif' rel='shortcut icon'/>

<link href='http://img502.imageshack.us/img502/3879/micon.gif' rel='icon'/>

4. You may replace the above link marked in blue with the link. to your image. Save your template and have a look at your blog (address bar) now.

There are many sites that provide widgets to display the "Related Posts" at the end of every page. Just follow these steps:
1. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.
2. Now, expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using "CTRL+F" for the following line:

 
<data:post.body/>

3. Download this text file. Open the text file and insert the following piece of code just after the above line.
4. Now, Save your template. Preview each of your posts separately. If you have any problem in downloading the file or with the code, then please leave a comment.

The best way to stop people copying images is to disable the right-click option in your blogger page. You can do this simply by following these simple steps:
1. Go to "Layout->Edit HTML" from your dashboard. Always, you should make a backup of your template before modifying the HTML by clicking on the "Download full template" link at the top of the page first.
2. Search for the following code in your template.

 
<body>

3.Replace the above code with the following code.

 
<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false">

or you can use this js code on your blog:

 
<script type="text/javascript">

var omitformtags=["input", "textarea", "select"]

omitformtags=omitformtags.join("|")

function disableselect(e){

if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)

return false

}

function reEnable(){

return true

}

if (typeof document.onselectstart!="undefined")

document.onselectstart=new Function ("return false")

else{

document.onmousedown=disableselect

document.onmouseup=reEnable

}

</script>

Here's how to add social bookmark buttons at the end of each post:
1. Go to "Layout->Edit HTML (check the "expand widget templates" option is ticked). You should make a backup of your template before modifying the HTML by clicking on the "Download full template" link at the top of the page first.
2. You need to search for the following line in your expanded template.

 
<div class="post-footer-line post-footer-line-1">

3. Paste the following code just after the above line.

<!-- Start of social bookmarks -->

<b><i>Share this:</i>

|<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title'

target='_blank'>Digg It</a> |

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'>Add to Technorati</a> |

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title'

target='_blank'>Save on Del.icio.us</a> |

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title'

target='_blank'>Stumble It</a> |

<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title'

target='_blank'>Share on Facebook</a> |

</b>

<!-- End of social bookmarks -->

4. Preview your blog to make sure the bookmark button appears as you want at the end of the posts. Your final output should be like the one at the end of my post.

If you take a look at your existing Blogger title you’ll see that blogger displays the blog name first then followed by your post title. They have it backwards so let’s get your blog setup properly.

Follow these very simple steps and you can optimize your blog.
1. In your Blogger dashboard, go to “Layout” => “Edit HTML”.
2. In the template code, do a search for this:

<title><data:blog.pageTitle/></title>

It’s usually in the first 5-10 lines of code in your template.
3. Replace the above code with the following code:

<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.title/></title>

<b:else/>

<title><data:blog.pageName/> | <data:blog.title/></title>

</b:if>

4. Save your template and go back to your blog.

If you just want to show up HTML codes in your blogger post, that is without any customization, then use this site : Simple Code. This method will show the HTML as it is and looks very simple. If you want to customize the way it is displayed, like I do in my blog, then you should follow the next method. In this method, you will have to include some codings and then your job will be done.

Follow these simple steps to include the HTML/Java script codes in your blog post:
1. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.

pre

{

background:#efefef;

border:1px solid #A6B0BF;

font-size:120%;

line-height:100%;

overflow:auto;

padding:10px;

color:#000000 }

pre:hover {

border:1px solid #efefef;

}

code {

font-size:120%;

text-align:left;

margin:0;padding:0;

color: #000000;}

.clear { clear:both;

overflow:hidden;

}

4. Once you do this step, save your template and return to your blog post where you want to insert the HTML code. Place the HTML content in between the following two tags namely, <pre> xhml your code </pre>
5. You can include the code straight away in the "Compose Mode" of your blog post area. After you complete your post, you can simply click the button "PUBLISH POST" and later, view the result.

বর্তমান সময়কে বলা হয় বিশ্বায়ন এর যুগ।

আমরা যেমন অন্যভাষার ওয়েবসাইট থেকে বিভিন্ন কিছু জানি তেমনি আমরা যারা প্রবাসে আছি তারাও আমাদের বিদেশি বন্ধুদের কাছে আমাদের দেশের মেধাবী ওয়েব ডিজাইনারদের ওয়েবসাইট তূলে ধরতে পারী।যদি আমদের ওয়েব বা ব্লগগুলোতে অনুবাদক থাকে যা অন্যভাষীদের আমাদের ভাষা বুজতে সাহায্য করবে।

গুগল অনুবাদককে আপনার সাইটে এড করতে নীচের HTML কোডটি কপি করে আপনার সাইটে পেস্ট করুন।

 
<div id=”google_translate_element”></div><script>

function googleTranslateElementInit() {

  new google.translate.TranslateElement({

    pageLanguage: ‘en’

  }, ‘google_translate_element’);

}

</script><script src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>

সবাইকে ধন্যবাদ ।

সবাইকে আমার সালাম । আমি ওয়ার্ডপ্রেস নিয়ে ধারাবাহিক টিউটোরিয়াল লিখতেছি । আজ এর পর্ব ৮ লিখতে যাচ্ছি ।

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

১ম ধাপ

প্রথমে আপনি ওয়ার্ডপ্রেস এখান যান এখানে ২টি ফাইল পাবেন তা একটি bn_BD.mo এবং অন্যটি bn_BD.po। থেকে bn_BD.mo ফাইলটি ডাউনলোড করে নিন । এখানে bn_BD.po ফাইলটি ডাউনলোড করে Poedit দিয়ে আপনার পছন্দ মত শব্দ ব্যবহার করতে পারবেন ।

২য় ধাপ:

এবার আপনার হোষ্টিং সিপ্যানেল [ http://cpanel.byethost.com ] কন্ট্রোল প্যানেল ইউজার নেম ও পাসওয়ার্ড দিয়ে এ লগইন করুন ।

৩য় ধাপ:

এবার আপনার File Management এর নিচে online file manager এ ক্লিক করুন ।

৪র্থ ধাপ :

online file manager এ ক্লিক করুন এবার নিচের ছবিটার মত একটা নতুন টেব খুলবে , সেখানে আপনার ডোমেইন নেম থাকবে তার উপর ক্লিক করুন তার ভিতর htdocs নামে কটা ফোল্ডার থাকবে তার ভিতর প্রবেশ করুন ।

৫ম ধাপ :

htdocs নামে কটা ফোল্ডার থাকবে তার ভিতর প্রবেশ করার পর wp-config ফাইলটি ডাউনলোড করে নিন। এবার এটি যে কোন text editor বা Notepad দিয়ে অপেন করুন এ open করুন ।

৬ষ্ট ধাপ :

এবার define (‘WPLANG’, ”); খুঁজে বের করুন এবং এখানে WPLANG এর পরে (“) চিহ্ন দুটির মাঝে bd_BD লিখুন ।এরকম হবে define (‘WPLANG’, ‘bn_BD’);। এবার ফাইলটি সেভ করে wp-config.php করুন । তারপর wp-config ফাইল্টা মুছে ফেলে আপনার সেভ করা ফাইল টা আপলোড করে দিন ।

৭ম ধাপ

এবার আপনি wp-content বা wp-includes ফোল্ডারের ভেতরে প্রবেশ করুন। এবং তার ভি ভেতরে languages নামে একটি ফোল্ডার তৈরী করুন । তার ভিতর আপনার ডাঊণলোড করা bn_BD.mo ফাইল টা languages ফোল্ডারের ভেতরে আপলোড করুন। ব্যস কাজ শেষ ।

আপনি যদি সম্পুর্ন কাজ টি সঠিক ভাবে করতে পারেন তাহলে নিচের স্কিনশর্ট টার মত দেখাবে ।

তথ্য সুত্র বিডি টিউটোরিয়াল২৪ ব্লগ

সবাইকে আমার সালাম জানিয়ে আমার আজকের লেখা শুরু করলাম । আজ আমি আমার ধারাবাহিক লেখার ১০ পর্ব লিখবো ।

আমার আগেরটিউটোরিয়াল গুলো পড়ে হয় ত অনেক নিজের ব্লগ বানিয়েছেন। এবার আপনার ব্লগ টা ভিজিটর এর কাছে আকর্ষনিয় করার পালা । আর এর প্রথম শর্ত হল একটা ভালো মানের থীম । তাই আমি কিছু পর্ব লিখবো ভাল কিছু থীম নিয়ে । আজ আমি এমন ১৫ থীম নিয়ে পোষ্ট করলাম । এখানে ১৫ শুধু যাদের ব্যক্তিগত ব্লগ তাদের জন্য । আর সবচেয়ে মজার ব্যপার হল এই থীম গুলো ডিজাইন করা হয়েছে লতাপাতা নিয়ে । তাই আর দেরি না করে আপনার পষন্দের থিম টা এখইন ডাউনলোড করে নিন এবং আপনার ব্লগ সেট করুন।

১) Sakura [ডিমো দেখতে এখানে ক্লিক করুন]

Download

২) Emotic [ডিমো দেখতে এখানে ক্লিক করুন]

Download

৩) Grunge Floral [ডিমো দেখতে এখানে ক্লিক করুন]

Download

৪) Royal Orchid [ডিমো দেখতে এখানে ক্লিক করুন]

Download

৫) Dreamy Flowers [ডিমো দেখতে এখানে ক্লিক করুন]

Download

৬) Vector Flower [ডিমো দেখতে এখানে ক্লিক করুন]

Download

৭) Flowers Fortune [ডিমো দেখতে এখানে ক্লিক করুন]

Download

৮) Floral Swirl [ডিমো দেখতে এখানে ক্লিক করুন]

Download

৯) Elegance [ডিমো দেখতে এখানে ক্লিক করুন]

Download

১০) Floral [ডিমো দেখতে এখানে ক্লিক করুন]

Download

১১) FloraScent [ডিমো দেখতে এখানে ক্লিক করুন]

Download

১২) Green Floral [ডিমো দেখতে এখানে ক্লিক করুন]

Download

১৩) Royally Purple [ডিমো দেখতে এখানে ক্লিক করুন]

Download

১৪) Balikato [ডিমো দেখতে এখানে ক্লিক করুন]

Download

১৫) Hot Orange [ডিমো দেখতে এখানে ক্লিক করুন]

Download

সবাকে আমার সালাম জানিয়ে আমার আজকের লেখা আরাম্ভ করলাম। আশা করি সবাই ভালই আছেন । আমিও আল্লাহ এর অশেষ রহমতে ভালই আছি । আমি আমার ধারাবাহিক ওয়ার্ডপ্রেস টিউটোরিয়াল এর ১২ নং পর্ব লিখতে যাচ্ছি। আজকের বিষয় ওয়ার্ডপ্রেস ব্লগ এর জন্য প্রয়োজনীয় ১০ প্লাগিন । এই ১০টি প্লাগিন আপনার ব্লগ এর জন্য অনেক প্রয়োজনীয় তা এগুলো আপনার সংগ্রহে রাখুন । প্লাগিন কিভাবে ইনস্টল করবেন তা জানতে এই পোস্ট টা পড়ুন । [বিঃ দ্রঃ আমি ১ মাসের জন্য ঢাকার বাইরে যাচ্ছি তাই এই ওয়ার্ডপ্রেস টিউটোরিয়াল এর বাকী পর্ব গুলো পেতে ১ মাস অপেক্ষা করতে হবে ]

নিচে আমি এক এক করে ১০টি প্লাগইন এই নাম , বর্ননা ও ডাউনলোড লিঙ্ক দিয়ে দিলাম

১) ওয়ার্ডপ্রেস প্লাগিন (BanglKB)

BanglaKB হল বাংলা লেখার একটি স্ক্রীপ্ট । আপনার ওয়ার্ডপ্রেস ব্লগে আপনি এই স্ক্রীপ্ট ব্যবহার করতে পারবেন। এটা আপনি ব্লগে মন্তব্য করার সময় ব্যবহার করতে পারবেন। BanglaKB ডেভেলপার এস এম ইব্রাহিম লাভলু। তার ব্লগ এর ঠিকানা এখানে । এটা ডাউনলোড ও বিস্তারিত জানতে এখানে ক্লিক করুন ।

২)ওয়ার্ডপ্রেস প্লাগিন (Bangla Date)

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

৩)ওয়ার্ডপ্রেস প্লাগিন (All in One SEO Pack)

সার্চ ইঞ্জিন থেকে ভিজিটর পেতে এই প্লাগিন টি ব্যবহার করা হয় । এটা অনেক জনপ্রয়ি একটা প্লাগিন । All in One SEO Pack অটোমেটিক আপনার ব্লগের পোষ্টগুলোকে সার্চ ইঞ্জিনে সাবমিট করে। এটা ডাউনলোড ও বিস্তারিত জানতে এখানে ক্লিক করুন ।

৪)ওয়ার্ডপ্রেস প্লাগিন (Contact form 7 )

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

৫)ওয়ার্ডপ্রেস প্লাগিন (WP-DB-Backup )

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

৬)ওয়ার্ডপ্রেস প্লাগিন (Sidebar Login)

এই প্লাগিন আপনার ব্লগ ব্যবহার করলে আপনার ব্লগ যে কেউ সহজে রেজি এবং লগইন করতে পারবে । এই আপনার Sidebar থাকবে । এটা ডাউনলোড ও বিস্তারিত জানতে এখানে ক্লিক করুন ।

৭)ওয়ার্ডপ্রেস প্লাগিন (WP PageNavi )

পেজ নেভিগেশন এর জন্য অনেক প্লাগিন আছে। তার মধ্যে সহজ ব্যবহার যোগ্য একটি প্লাগিন হল Wp-PageNavi। Index.php , Archive.php একটি মাত্র php কোড বসিয়ে দিয়ে আপনি আপনার ব্লগে পেজ নেভিগেশন সুবিধাটি যুক্ত করতে পারবেন। php কোড এখানে । এটা ডাউনলোড ও বিস্তারিত জানতে এখানে ক্লিক করুন ।

৮)ওয়ার্ডপ্রেস প্লাগিন (WordPress Post Ratings)

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

৯)ওয়ার্ডপ্রেস প্লাগিন (Twittle tools )

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

১০)ওয়ার্ডপ্রেস প্লাগিন (WP Polls )

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