সোমবার, ৭ জুন, ২০১০

Blogger blog এ read more বাটন যুক্ত করুন (মোটামুটি সকল পদ্ধতি)

ব্লগার ব্লগে read more বাটন একটি গুরুত্ব পূর্ণ বাটন। এটা ব্লগে একটা প্রফেশনাল ভাব এনে দেয়। এখন বেশীর ভাগ টেমপ্লেটে read more বাটন যুক্ত থাকে তবে কোন কারণে যদি না থাকে তবে তবে তো যুক্ত করতে হবে। 

এবার নিচে আমি আপনাদের বলবো এটা কি ভাবে যুক্ত করবেন :-

১. সবার আগে ব্লগে লগ ইন করুন তার পর "ডিজাইন" থেকে "HTML সম্পাদনা" এ জান । 

২. এবার টেমপ্লেটা ডাউনলোড করুন এবং Notepad এর মাধ্যমে ওপেন করুন [ এটা করতে বলছি কারন read more বাটন বসানোর জন্য ব্লগে ঐ বক্স অনেক কোড খুজে পাবেন না ]

২. এবার নিচের মত ভিউ আসবে ...


৩.এখান Ctrl + F থেকে </head> লেখাটা খুজে বের করুন এবং ঠিক এর আগে (উপরে) নিচের লেখাটি বসিয়ে দিন ..


<script type="text/javascript">
var
thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img =
250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>





৪.এবার <data:post.body> লেখাটি খুঁজে বের করুন এবং এটিকে পুরোপুরি ব্লক করে নিচের কোড গুলো বসিয়ে দিন

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary-" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary-<data:post.id/>");</script>
<a class='readmore' expr:href='data:post.url'>Read More ... »</a>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

আর লেখাটা যদি বাম থেকে ডানে সরানোর দরকার হয় তবে নিচের কোডটি দিন

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary-" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary-<data:post.id/>");</script>
<div style='float:right;padding:5px 10px 5px 0px'>
<a class='readmore' expr:href='data:post.url'>Read More ... »</a>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>





৫. এবার আসি আসল কথায় আপনারা দের যাদি Read More ... » লেখাটা পছন্দ না হয় তবে (৪) নং এর কোডে যেখানে Read More ... » লেখা আছে সে খানে শুধু আপানার পছন্দ মত কথা লিখে দিন যেমন "সবটুকু পড়ুন" "বাকীটুকু পড়ুন" "আরও পড়ুন" "শেষ করুন" ইত্যাদি

৬.আর যদি এখানে কোন বাটন লেগানোর দরকার হয় তবে বাটন তৈরি করে নিচের ধাপ গুলো অনুসরন করুন । বাটন তৈরি করার জন্য এই সইটের সাহায্য নিতে পারেন

* আপনার পছন্দ মত ছবি কোথও আপলোড করুন এবং যেখানে আপনার ছবির লিং লেখা আছে সেখানে আপনার ছবির লিং দিন।

<img border="0" src="আপনার ছবির লিং" />



*এবার Notepad এর পুরো কোড কপি করে "আপনার টেমপ্লেটের সামগ্রী সম্পাদনা করুন" এর নিচের বক্সে বসিয়ে দিন এবং সেভ করুন।

ব্যাস আপনার কাজ শেষ।

[বিদ্র:- এই পোষ্টটার প্রথম দুইটি কোড কোড বাংলা হ্যাকস ব্লগের এই দুই পোষ্ট থেকে নেয়া।]




আর যদি কোন সমস্যা হয় আমি তো আছিই....

5 টি মন্তব্য:

Aero River বলেছেন... [ উত্তর দিন ]

লেখার ভঙ্গিটি সুন্দর হয়েছে। বাংলা হ্যাকস এর সূত্র স্বীকার করার জন্য ধন্যবাদ।

শিবলী বলেছেন... [ উত্তর দিন ]

যেখান থেকে নিয়েছি তার তো সুত্র দিতে হবে .... রিয়া আপু তো যারা সুত্র দেনা (মানে Ctrl+c ও ctrl+v করে) তার বিরুদ্ধে যুদ্ধ ঘোষনা করেছেন, আমি তাদের দলে থাকতে চাইনা।

pinix বলেছেন... [ উত্তর দিন ]

draft.blogger.com ব্যবহার করলে default ভাবে insert jump break বা দিয়েও read more বা বাংলায় বিস্তারিত পড়ুন যুক্ত করা যেতে পারে।
আর এই লেখাটা সুন্দর হয়েছে।

শিবলী বলেছেন... [ উত্তর দিন ]

এটার কিছু সুবিধা আছে তার মধ্যে যেমন http://i47.tinypic.com/acspbs.jpg
তাছাড়াও প্রত্যক পোষ্টের শেষে "insert jump break " দিতে ভেজাল লাগে কোথায় দেব তাই সিন্ধান্ত নিতে হয়... আর এটাতে নিদেষ্ট দুরত্বে এমনিতে হয়।

Unknown বলেছেন... [ উত্তর দিন ]

খুভ সুন্দর হয়েছে পোস্টি।ধন্যবাদ share করার জন্য।

একটি মন্তব্য পোস্ট করুন

 

সাম্প্রতিক মন্তব্য

লেবেল

অভ্র অ্যাকর্ডিয়ন ইন্টারনেট ইফেক্ট ইবুক উইন্ডোজ উইন্ডোজ সেবেন উল্টাপাল্টা ওয়ার্ডপ্রেস ওয়ালপেপার ওয়েব ডেভলপিং ওয়েব রিলিভ কম্পিউটার কিবোর্ড কুত্তা গল্প গান গুগল সাইটস গেজেট গেমস গ্রফিক্স টিপস টিপস এন্ড ট্রিক্স টুইটার টেমপ্লেট ডট টিকে ডাইরি ডাউনলোড ড্রাফ ব্লগার তথ্য থিম দৃঃখ দৈনিক পত্রিকা পরামর্শ প্রজেক্ট প্রশ্ন ফটো ব্লগ ফটোশপ ফন্ট ফায়ার ফক্স ফেবিকন ফেভিকন ফেসবুক ফোটোশপ ফ্রিওয়্যার বিজয় বিবিধ ব্রাউজার ব্লগস্পট ব্লগার ব্লগিং ব্লু ফ্লিম মজার মডেম মন্তব্য মাইস্পেস মিসির আলি মেনু মোবাইল রবিদ্রনাথ রহস্য পত্রিকা লিনাক্স লিরিক্স শিবলী শিবলী এডোবি ফটোশপ শুভ্র সফটওয়্যার সাইটম্যাপ সাহিত্য সৃজশীল ব্লগ স্টিকি পোস্ট হাইফাইভ হার্ডডিক্স হিমু হুমায়ূন আহাম্মেদ Accordion blogger blogspot dot TK favicon gravatar Html read more samazgor sitemap sticky post tips and tricks toc url

ভিজিটর পরিসংখ্যান

ব্লগ আক্রাইভ