২৪ ফেব্রুয়ারী, ২০১১

টিপস এন্ড ট্রিকসঃ সাজিয়ে তুলুন আপনার ব্লগ (২য় পর্ব)

আপনি যদি এই ব্লগের নতুন পাঠক হন আর পরবর্তী সকল নতুন পোস্ট দ্রুত পেতে চান
তাহলে সাবস্ক্রাইব করুন RSS Feed !
১ম পর্ব

(গত পর্বের পর)

গত পর্বে আমি আপনাদের সামনে উপস্থাপন করেছিলাম আপনার ব্লগার প্লাটফর্মের ব্লগটিতে নতুন সুবিধা যোগ করার জন্য কিছু টিপস এন্ড ট্রিকস। আজ আবারো আপনাদের সামনে এসেছি আরো কিছু ট্রিকস নিয়ে। তাহলে আসুন শুরু করা যাক-

ব্লগ পোস্টের শেষে যুক্ত করুন সম্পর্কিত পোস্ট তালিকা
আপনারা যারা ওয়ার্ডপ্রেস প্লাটফর্মে ব্লগ বানিয়েছেন তারা একটি ফিচার দেখে থাকবেন যাতে কোন পোস্টের নিচে উক্ত পোস্টের লেবেল/ট্যাগ অনুসারে ঐ ব্লগের অন্যান্য ঐ সম্পর্কিত পোস্টগুলোর একটি তালিকা দেখা যায়। এটিকে Related Posts নামেও অনেকে চিনে থাকবেন। বিভিন্ন ফোরামেও পোস্টের নিচে এরকম তালিকা আপনারা দেখে থাকবেন। এই সুবিধাটি ব্লগারে অনুপস্থিত হওয়ায় অনেকেই এটি নিয়ে অভিযোগ করে থাকেন। কিন্তু একটু চেষ্টা করলে আপনি ব্লগারেও যুক্ত করতে পারেন এই সুবিধাটি (এই ব্লগটির পোস্টের নিচে খেয়াল করুন)। এজন্য যা করতে হবে তা হলো-

১. ব্লগারের টেমপ্লেটের html কোড এডিটের অপশনটি খুলুন।


২. নিচের লাইনটি খুঁজে বের করুন-
 </head>

উক্ত লাইনের আগে নিচের লাইনগুলো যোগ করুন-

<!--RelatedPostsStarts-->
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(&quot;http://www.gigaimage.com/images/brrl1rtaziisu0yj6kj6.gif&quot;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://dl.dropbox.com/u/21836658/rps.js' type='text/javascript'/><!--RelatedPostsStops-->


৩. এবার নিচের লাইনটি খুঁজে বের করুন-

<data:post.body/>
লাইনটির পরে যোগ করে দিন নিচের লাইনগুলো-
<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if><!--RELATED-POSTS-STOPS-->


আপনি চাইলে উপরোক্ত কোডে কিছু পরিবর্তন আনতে পারেন, যেমন- max-result=XX এর স্থানে ৫ এর বদলে অন্যকোন সংখ্যা আপনি দিতে পারেন। এটি তালিকার মোট পোস্ট সংখ্যা বোঝায়।

৪. এবার টেমপ্লেটটি সেভ করুন আর দেখুন পোস্টের নিচে এসে গেছে সম্পর্কিত পোস্ট তালিকা।


ব্লগে যুক্ত করুন নিজস্ব ফেভিকন
ফেভিকন হচ্ছে ছোট সাইজের একটি আইকন যেটি ব্রাউজারের এড্রেসবারে ব্লগের নামের পাশে শো করে। এটি সাধারনত ব্লগের লোগো বা এধরনের কোন প্রতীক প্রকাশ করে থাকে। আপনি ব্লগারে ব্লগ বানালে ডিফল্টভাবে আপনার ব্লগের ফেভিকন হিসাবে দেখবেন B চিহ্নিত ব্লগারের প্রতীকটি। আপনি ইচ্ছা করলে এটি পরিবর্তন করে পছন্দমত অন্য যেকোন আইকন/লোগো বসিয়ে নিতে পারেন আপনার ব্লগের ফেভিকন হিসাবে। আপনি গিম্প/ফটোশপ বা এধরনের টুল ব্যবহার করে নিজের বানানো আইকনও অনায়াসে দিতে পারবেন ফেভিকন হিসাবে (এই ব্লগের চিহ্নিত ফেভিকনটি দেখুন)। কাজটি করা যায় বেশ সহজেই-

১. ব্লগারের টেমপ্লেটের html কোড এডিটের অপশনটি খুলুন।

২. নিচের লাইনটি খুঁজে বের করুন-

</head>

উক্ত লাইনের আগে নিচের লাইনগুলো বসিয়ে দিন-

<link href='{image url}' rel='shortcut icon'/>
<link href='{image url}' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='{image url}' rel='icon'/>
<link href='{image url}' rel='icon' type='image/vnd.microsoft.icon'/>


এখানে {image url} টি রিপ্লেস করুন আপনার ফেভিকনের লিংক দিয়ে। আপনার বানানো বা বাছাই করা ফেভিকনটি হতে হবে ১৬x১৬ পিক্সেলের। ঐটি কোথাও হোস্ট করে সেটির লিংক দিয়ে দিবেন এখানে।

৩. এবার টেমপ্লেট সেভ করুন আর ব্লগ পাতাটি রিফ্রেশ করে দেখুন পরিবর্তন হয়ে গেছে ব্লগারের ডিফল্ট ফেভিকন!


মন্তব্য ফরমে যুক্ত করুন রিপ্লাই বাটন/অপশন
ওয়ার্ডপ্রেসের আরো একটি ফিচার যেটি ব্লগারে ডিফল্টভাবে দেওয়া থাকেনা সেটি হলো ব্লগ পোস্টের মন্তব্য ফরমে রিপ্লাই/উত্তর অপশন। এই সুবিধাটি যোগ করে নিতে পারেন আপনি বেশ সহজেই। এই অপশনটি যোগ করার ফলে আপনার ব্লগের মন্তব্য ফরমটি যেমন সুন্দর দেখাবে ঠিক তেমনি পাঠক/আপনি কোন মন্তব্যের উত্তর দিতে পারবেন আরো সহজে উক্ত অপশন/বাটনে ক্লিক করে। আসুন দেখা যাক কিভাবে এটি যুক্ত করবেন-

১. ব্লগারের টেমপ্লেটের html কোড এডিটের অপশনটি খুলুন।

২. নিচের লাইনটি খুঁজে বের করুন-

<data:commentPostedByMsg/>

উক্ত লাইনের নিচে যোগ করে দিন নিচে দেওয়া লাইনগুলো-

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlKtWu7fj813Q20xI6JvSf49x7vzJYR1dxgdBF53KpN6KMWM6ODuTtLclFUun38-LpUJaD-oleqtGtxKQj3pPO0CgIjH26hT_12UvExw8r-C1smB8_NxgGS_zdt0Lioa3uzuzaYXCioCTz/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID-HERE&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/AVvXsEgDhGDMrJNV5wLkj1VNLxeJH_-RhtFFxjPUARXStMJm55NjBaXEm0DIcqzrhcKdOn_yjAvLGIGpOzMelMlKo8na0X5M_U4boIyfZahwNveU2v6jcpLAOWe_7hhTVFH0RUkUNNxM7J0PwiuJ/s1600/Reply+Button+4.jpg' style='float:right;' title='Reply To This Comment'/></a></span>

এখানে YOUR-BLOG-ID-HERE এর জায়গায় আপনার ব্লগের আইডিটি দিবেন, আইডিটি পাবেন ব্রাউজারের এড্রেসবার থেকেই। খেয়াল করুন- blogID=xxxxxxxxx এধরনের একটি লিখা দেখাচ্ছে, উক্ত xxxxxxx নাম্বারটিই হচ্ছে আপনার ব্লগের আইডি। এছাড়াও আপনি যদি নিজে কোন রিপ্লাই বাটন বানিয়ে থাকেন বা অন্য ডিজাইনের কোন রিপ্লাই বাটন দিতে চান তাহলে সেটির লিংক উপরের কোডের <img src='..........'  এর ...... চিহ্নিত অংশে বসিয়ে দিন।

৩. এবার টেমপ্লেটটি সেভ করুন আর ব্লগের মন্তব্য ফরমে দেখুন রিপ্লাই বাটন এসে গেছে।


আজ এখানেই শেষ করছি, আগামী পর্বে আরো কিছু টিপস এন্ড ট্রিকস আপনাদের সামনে নিয়ে আসার আশা রাখছি।

3 মন্তব্য:

Unknown বলেছেন...

শেয়ার, ইমো ইত্যাদি এখনো বাকি ;)

অভি বলেছেন...

হে হে শীঘ্রই আসবে ওগুলো, অপেক্ষায় থাকুন :D

দিপায়ন পাল বলেছেন...

আমি আমার ব্লগ পোট টা আনার মত টেম্পেলেড আ্নতে চাই । কিন্তু কিভাবে আনবো?
আমার টা দেখুন www.dipayanpaulp.blogspot.com/
প্লিজ রিপ্লে কর/
yourmoumitasarkar@gmail.com
প্লিজ দাদা

মন্তব্যে ইমোটিকন ব্যবহারের জন্য ইমোটিকনের পাশের কোডটি আপনার কি-বোর্ডের সাহায্যে টাইপ করুনঃ
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

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