Web Design Solution BD

Monday, January 31, 2011

How to change your Blogger Logo?

Posted by freeimage24 at 12:30 PM

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.

Add Related Posts below every Blogger Post

Posted by freeimage24 at 12:27 PM

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.

Block stealing of Images and HTML from your blog

Posted by freeimage24 at 12:20 PM

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>

How to add Social Bookmarks in Blogger Posts?

Posted by freeimage24 at 12:13 PM

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.

Blogspot title display, change first post title code

Posted by freeimage24 at 12:05 PM

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.

ব্লগস্পট ও ওয়ার্ডপ্রেসের ব্লগপোস্টে HTML ও জাভাস্ক্রিপ্ট অরিজিনাল কোড যেভাবে ডিসপ্লে করবেন

Posted by freeimage24 at 11:16 AM

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.

2. Now, do a search using "CTRL+F" for the following line: ]]></b:skin>
(Note: I have used the first method here. Just to show you how it looks)
3. Once you find the code, paste the following piece of code above it:


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.

খূব সহজে গুগল অনুবাদক যোগ করুণ আপনার ওয়েব সাইটে

Posted by freeimage24 at 9:44 AM

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

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

গুগল অনুবাদককে আপনার সাইটে এড করতে নীচের 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>

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

আজকের বিষয় ওয়ার্ডপ্রেস ওয়েবসাইটে বাংলা ভাষা ইন্সটল

Posted by freeimage24 at 9:42 AM

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

আজ আমি আমাদের ওয়েবসাইটে বাংলা ভাষা কিভাবে ইন্সটল করতে হবে সেই বিষয়ে লিখব । তবে যারা ওয়ার্ডপ্রেস ব্লগ/সাইটকে ইংলিশ করতে চান তাদের জন্য এই পোস্ট না। ত কিভাবে করবেন আপনার ব্লগ ওয়ার্ডপ্রেস বাংলায় রুপান্তর তার বর্ননা নিম্নে দেওয়া হল ।
WRITER সম্পুর্ন একটা ব্লগ তৈরীর টিউটোরিয়াল [পর্ব ৮] আজকের বিষয় ওয়ার্ডপ্রেস ওয়েবসাইটে বাংলা ভাষা ইন্সটল | Techtunes

১ম ধাপ

প্রথমে আপনি ওয়ার্ডপ্রেস এখান যান এখানে ২টি ফাইল পাবেন তা একটি 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 ফোল্ডারের ভেতরে আপলোড করুন। ব্যস কাজ শেষ ।

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

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

উদ্ভিদ কুল নিয়ে ১৫ অসাধারন ওয়ার্ডপ্রেস থীম

Posted by freeimage24 at 9:37 AM

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

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

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

Download

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

Download

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

Grunge Floral সম্পুর্ন একটা ব্লগ তৈরীর টিউটোরিয়াল [পর্ব ১০] উদ্ভিদ কুল নিয়ে ১৫ অসাধারন ওয়ার্ডপ্রেস থীম [যাদের ব্যক্তিগত ব্লগ তাদের জন্য] | Techtunes Download

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

Royal Orchid সম্পুর্ন একটা ব্লগ তৈরীর টিউটোরিয়াল [পর্ব ১০] উদ্ভিদ কুল নিয়ে ১৫ অসাধারন ওয়ার্ডপ্রেস থীম [যাদের ব্যক্তিগত ব্লগ তাদের জন্য] | Techtunes

Download

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

Download

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

vector flower সম্পুর্ন একটা ব্লগ তৈরীর টিউটোরিয়াল [পর্ব ১০] উদ্ভিদ কুল নিয়ে ১৫ অসাধারন ওয়ার্ডপ্রেস থীম [যাদের ব্যক্তিগত ব্লগ তাদের জন্য] | Techtunes

Download

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

fortune flower সম্পুর্ন একটা ব্লগ তৈরীর টিউটোরিয়াল [পর্ব ১০] উদ্ভিদ কুল নিয়ে ১৫ অসাধারন ওয়ার্ডপ্রেস থীম [যাদের ব্যক্তিগত ব্লগ তাদের জন্য] | Techtunes

Download

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

Download

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

Download

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

Download

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

Download

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

Download

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

Download

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

Download

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

hot orange সম্পুর্ন একটা ব্লগ তৈরীর টিউটোরিয়াল [পর্ব ১০] উদ্ভিদ কুল নিয়ে ১৫ অসাধারন ওয়ার্ডপ্রেস থীম [যাদের ব্যক্তিগত ব্লগ তাদের জন্য] | Techtunes

Download

ওয়ার্ডপ্রেস ব্লগ এর জন্য প্রয়োজনীয় ১০টি প্লাগিন- ২

Posted by freeimage24 at 9:33 AM

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

images সম্পুর্ন একটা ব্লগ তৈরীর টিউটোরিয়াল [পর্ব ১২] ওয়ার্ডপ্রেস ব্লগ এর জন্য প্রয়োজনীয় ১০টি প্লাগিন | Techtunes

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

১) ওয়ার্ডপ্রেস প্লাগিন (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 )

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

Monday, April 19, 2010

ওয়ার্ডপ্রেস প্লাগিন পোষ্ট কতবার পড়া হয়েছে (WP-PostViews)

Posted by freeimage24 at 1:15 AM

ব্লগে নিয়মিত পোষ্ট করেন আপনি। আপনার পোষ্টগুলো আগ্রহের সাথে পড়ে সবাই। আপনি জানতে পারছেন কোন দিনে কোন পোষ্ট কতবার পড়া হয়েছে?

যারা একটু অভিজ্ঞ তারা বলবেন "অবশই পারি"

হ্যা, পারা যায়। ড্যাশবোর্ডের পোষ্ট অপশন থেকে।

কিন্তু যদি আপনি চান ভিজিটর দেখুক যে আপনার কোন পোষ্ট কতবার পড়া হয়েছে। তাহলে আপনাকে একটি প্লাগিন ব্যবহার করতে হবে। এই প্লাগিনটার নাম হল Wp-PostViews। এটা দিয়ে সহজেই আপনি প্রতিটি পোষ্টের নিচে তা কতবার পড়া হয়েছে তা যোগ করতে পারেন।

এই প্লাগিনটা এখান থেকে ডাউনলোড করুন

আপনি চাইলে আরও তথ্যের জন্য এর প্লাগিন পেজও পরিদর্শন করতে পারেন এখান থেকে।

এটিকে আপনি আগের নিয়মেই ইনষ্টল করুন।

সফলভাবে ইনষ্টল হলে আপনি Settings মেন্যুতে Post Views নামে একটি মেন্যু পাবেন। এখানে ক্লিক করলে নিচের মত আসবে।

এখানে চিত্রে দেওয়া এর মত কনফিগার করে সেভ করুন।

না মশাই এখনও হয়নি। আরেকটু কাজ বাকী। এটাকে মূল পাতাতে সক্রিয় করার জন্য আপনাকে মেইন ইনডেক্স ফাইলটি একটু এডিট করতে হবে। সেজন্য Appearance > Editor এ যান। ডান পাশে আপনার থিমের ফাইলগুলো দেখা যাবে। এখান থেকে Main Index Template এ ক্লিক করুন। তাহলে বামে বক্সে এই ফাইলটি দেখা যাবে। এখানে আপনি

< > ?php if(function_exists('the_views')) { the_views(); } ?

চিত্রে দেখুন

তারপর Update File এ ক্লিক করুন। এবং ব্লগ ভিজিট করে দেখুন। প্রত্যেকটি পোষ্টের নিচে কতবার পড়া হয়েছে তা হলে আসছে।

ওয়ার্ডপ্রেস প্লাগিন ব্লগে লাইভ চ্যাট যোগ করা (Olark for WordPress)

Posted by freeimage24 at 1:06 AM

এই প্লাগিনটির নাম Olark for WordPress। ডাউনলোড করুন এখান থেকে
অথবা এর প্লাগিন পেজ দেখতে পারেন।
ডাউনলোড শেষে একে পূর্বের নিয়মে ইনষ্টল করুন।
তাহলে সেটিংস মেন্যুর অধীনে Olark for WordPress নামে একটি মেন্যু পাবেন।
এখানকার Register for a FREE Olark ক্লিক করুন তাহলে নিচের মত পেজ আসবে
এখানে জিমেইল সিলেক্ট করতে পারেন। তাহলে সরাসরি আপনি জিমেইলে অনলাইনে থাকলে ভিজিটর আপনাকে অনলাইনে পাবে।
এখানে আপনার জিমেইল ইউজারনেম এবং পাসওয়ার্ড দিন। (ওরা পাসওয়ার্ড ষ্টোর করে না!! এখান থেকে ওরা আপনার জিমেইল কনফিগার করে। যদি ভয় থাকে তাহলে নতুন একটি একাউন্ট তৈরি করে দিতে পারেন।
সফলভাবে কনফিগার করা হলে ওখানে নিচের মত পেজ আসবে

এরপর চিত্রে দেখানো মত Continue এ ক্লিকান।

ওরা আপনাকে একটি এইচটিএমএল কোড এবং Olark account ID দিবে। এটাকে কপি করে আপনার ব্লগের সেটিংস মেন্যুর

Olark for WordPress এর চিত্রের স্থানে Olark account ID টা দিন। সবশেষে Save My ID তে ক্লিক করুন। তারপর ব্লগ ভিজিট করে দেখুন। চিত্রের মত চ্যাটবার চলে এসেছে।

আশাকরি কনফিগার করতে পেরেছেন।

ওয়ার্ডপ্রেস প্লাগিন ব্লগে পাতার নম্বর যুক্ত করা (WP-PageNavi)

Posted by freeimage24 at 12:57 AM

সূচনা কথা:

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

বিবরণ:

পেজ নেভিগেশন এর জন্য অনেক প্লাগিন পাওয়া যায়। তার মধ্যে সহজ এবং সিম্পলি একটি প্লাগিন হল Wp-PageNavi। শুধুমাত্র মেইন ইনডেক্স এবং আর্কাইভ পেজে একটিমাত্র কোড প্রবেশ করিয়েই এই প্লাগিনটির সাহায্যে আপনি আপনার ব্লগে পেজ নেভিগেশন সুবিধাটি যুক্ত করতে পারেন।

ডাউনলোড:

এটি আপনার সরাসরি এখান থেকে ডাউনলোড করতে পারেন।

অথবা আপনি এটির প্লাগিন পেজ থেকেও ডাউনলোড করতে পারেন।

ব্যবহার বিধি:

ডাউনলোড করে এটিকে এক্সট্রাক্ট করুন। তারপর এফটিপি দিয়ে আপনার সাইটের প্লাগিন ডাউরেক্টরীতে এটিকে আপলোড করুন। এবং পূর্বের নিয়মে ইনষ্টল করে অ্যাকটিভেট করুন। তারপর Settings মেন্যু থেকে PageNavi এ যান। দেখুন চিত্রের মত আসছে।

এখানে আপনি চাইলে চিত্রের মত বাংলা ব্যবহার করতে পারেন।

এখানে এডিট করে নিচের সেইভ চেইঞ্জ এ ক্লিক করুন।

এখনও কাজ শেষ হয় নি। এখন আমরা থিম ফাইলকে এডিট করব। সাধারণত পেজ নেভিগেশন দরকার হয় দুটে পেজে
১। Index.php
২। Archive.php

তাই Appearance থেকে Editor এ যান। ডানপাশ থেকে Main Index Template ফাইলটি নির্বাচন করুন এখানে নিচের কোডটি খুজুন (শেষের দিকে থাকে)

এটার ঠিক নিচে কোড দিন

?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?

তারপর ফাইলটি সেভ করুন।

কোন কোন থিম ফাইলে Older Posts, Newer Posts থাকতে পারে। সেক্ষেত্রে সেটির কোড লাইনটি মুছে দিন।

একই ভাবে আর্কাইভ ফাইলটিও সম্পাদনা করুন।

তাহলে আপনার ব্লগের প্রথম পাতার শেষ পোষ্টের নিচে পেজ নেভিগেশন যুক্ত হয়ে যাবে।

ওয়ার্ডপ্রেস প্লাগিন প্রবেশ উইজেট দেওয়া (User Login Widget)

Posted by freeimage24 at 12:48 AM

বিবরণ:

আপনার একটি ওয়ার্ডপ্রেস ব্লগ আছে। সেখানে অনেকেই লেখালেখি করে বা ভবিষ্যতে করবে। আপনার সাইটে অনেকেই রেজি করে মন্তব্য করে। তাদের ঘন ঘন লগিন করার দরকার পড়ে। এখন কথা হলো ম্যানুয়ালী লগিন করতে হলে ব্রাউজারে টাইপ করতে হয়

www.আপনারসাইট.কম/wp-admin

তারপর একটি ফর্ম আসে সেখানে ব্যবহারকারী নাম আর পাসওয়ার্ড দিয়ে লগিন করতে হয়। এটা বেশ ঝামেলা এবং কষ্টসাধ্য। যদি এমন হতো সাইটের মূল পেজেই একটি উইজেট দিয়ে লগিন করা যেত! নিচে দেখুন

ঠিক সেই চিন্তা করেই আমাদের টিউটো ফোরাম টিম আপনাদের জন্য নিয়ে এলো ব্যবহারকারী প্রবেশ উইজেট নামের একটি প্লাগিন। এটি ডেভেলপ করেছেন মোঃ ফাহিম মুর্শেদ। এবং এটির বাংলা অনুবাদ করেছেন রাসেল আহমেদ।

এটিকে আপনারা সম্পুর্ণ বাংলাতে ব্যবহার করতে পারবেন।

ডাউনলোড:

এটির বাংলা ভার্সন এবং ইংরেজি ভার্সন নিচে থেকে ডাউনলোড করুন।

ব্যবহার:

এটিকে আপনারা পূর্বের নিয়মে ইনষ্টল/অ্যাকটিভেট করুন।

এরপর আপনারা Appearance মেন্যু থেকে Widget এ যান। এখানে ব্যবহারকারী প্রবেশ উইজেট/User Online নামে একটি উইজেট পাবেন। এটিকে সক্রিয় করুন।

এরপর Settings মেন্যুর অধীনে User Login Options/ব্যবহারকারীর মেন্যু নামে একটি মেন্যু পাবেন।

ইংরেজির ক্ষেত্রে

বাংলার ক্ষেত্রে

এখানে ক্লিক করলে নিচের মত পেজ আসবে।

(ইংরেজির ক্ষেত্রে)

(বাংলার ক্ষেত্রে)

এখানকার প্রবেশ না থাকলে শিরোনাম এ ব্যবহারকারী প্রবেশ না করা থাকলে উইজেট এর শিরোনাম দিন। (প্রবেশ দিতে পারেন)
প্রবেশ করা থাকলে শিরোনাম: এ ব্যবহারকারী প্রবেশ করা থাকলে উইজেট এর শিরোনাম দিন। (ব্যবহারকারীর পাতা দিতে পারেন)
প্রবেশের পর রিডাইরেক্ট পাতা: ব্যবহারকারী প্রবেশ করার পর ড্যাশবোর্ড এ যাবে নাকি মূল সাইটে আসবে অথবা নির্দিষ্ট কোন পেজে যাবে তা নির্ধারণ করুন।
প্রস্থান রিডাইরেক্ট: ব্যবহারকারী প্রস্থান করার পর মূল সাইটে আসবে অথবা নির্দিষ্ট কোন পেজে যাবে তা নির্ধারণ করুন।

১ম ধাপ

২য় ধাপ:

৩য় ধাপ:

৪র্থ ধাপ :

৫ম ধাপ :

৬ষ্ট ধাপ :

৭ম ধাপ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

যারা একটু অভিজ্ঞ তারা বলবেন "অবশই পারি"

হ্যা, পারা যায়। ড্যাশবোর্ডের পোষ্ট অপশন থেকে।

এই প্লাগিনটা এখান থেকে ডাউনলোড করুন

আপনি চাইলে আরও তথ্যের জন্য এর প্লাগিন পেজও পরিদর্শন করতে পারেন এখান থেকে।

এটিকে আপনি আগের নিয়মেই ইনষ্টল করুন।

সফলভাবে ইনষ্টল হলে আপনি Settings মেন্যুতে Post Views নামে একটি মেন্যু পাবেন। এখানে ক্লিক করলে নিচের মত আসবে।

এখানে চিত্রে দেওয়া এর মত কনফিগার করে সেভ করুন।

< > ?php if(function_exists('the_views')) { the_views(); } ?

চিত্রে দেখুন

তারপর Update File এ ক্লিক করুন। এবং ব্লগ ভিজিট করে দেখুন। প্রত্যেকটি পোষ্টের নিচে কতবার পড়া হয়েছে তা হলে আসছে।

বিবরণ:

ডাউনলোড:

এটি আপনার সরাসরি এখান থেকে ডাউনলোড করতে পারেন।

অথবা আপনি এটির প্লাগিন পেজ থেকেও ডাউনলোড করতে পারেন।

ব্যবহার বিধি:

এখানে আপনি চাইলে চিত্রের মত বাংলা ব্যবহার করতে পারেন।

এখানে এডিট করে নিচের সেইভ চেইঞ্জ এ ক্লিক করুন।

এখনও কাজ শেষ হয় নি। এখন আমরা থিম ফাইলকে এডিট করব। সাধারণত পেজ নেভিগেশন দরকার হয় দুটে পেজে১। Index.php২। Archive.php

তাই Appearance থেকে Editor এ যান। ডানপাশ থেকে Main Index Template ফাইলটি নির্বাচন করুন এখানে নিচের কোডটি খুজুন (শেষের দিকে থাকে)

এটার ঠিক নিচে কোড দিন

?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?

কোন কোন থিম ফাইলে Older Posts, Newer Posts থাকতে পারে। সেক্ষেত্রে সেটির কোড লাইনটি মুছে দিন।

একই ভাবে আর্কাইভ ফাইলটিও সম্পাদনা করুন।

তাহলে আপনার ব্লগের প্রথম পাতার শেষ পোষ্টের নিচে পেজ নেভিগেশন যুক্ত হয়ে যাবে।

www.আপনারসাইট.কম/wp-admin

ডাউনলোড:

এটির বাংলা ভার্সন এবং ইংরেজি ভার্সন নিচে থেকে ডাউনলোড করুন।

ব্যবহার:

এটিকে আপনারা পূর্বের নিয়মে ইনষ্টল/অ্যাকটিভেট করুন।

এরপর Settings মেন্যুর অধীনে User Login Options/ব্যবহারকারীর মেন্যু নামে একটি মেন্যু পাবেন।

ইংরেজির ক্ষেত্রে

বাংলার ক্ষেত্রে

এখানে ক্লিক করলে নিচের মত পেজ আসবে।

(ইংরেজির ক্ষেত্রে)

(বাংলার ক্ষেত্রে)

স্বাগতম বার্তা সম্পাদনা: ব্যবহারকারীকে প্রবেশের পর স্বাগতম জানাতে পারেন।

ইংরেজির ক্ষেত্রে

বাংলার ক্ষেত্রে

আশাকরি আপনারা আপনাদের সাইটে এটি কনফিগার করতে পেরেছেন।

Categories

Archives

Total Pageviews

এখনও কাজ শেষ হয় নি। এখন আমরা থিম ফাইলকে এডিট করব। সাধারণত পেজ নেভিগেশন দরকার হয় দুটে পেজে
১। Index.php
২। Archive.php