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

১ম পর্ব
২য় পর্ব

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

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

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


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

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

</body>

উক্ত লাইনের উপরে বসিয়ে দিন নিচের লাইনটি-


<script src='http://spiceupyourblogextras.googlecode.com/files/commentsmilys.js' type='text/javascript'/>

৩. এবার খুঁজে বের করুন নিচের লাইনগুলো/অংশটি-

<p class='comment-footer'><b:if cond='data:post.embedCommentForm'><b:include data='post' name='comment-form'/><b:else/><b:if cond='data:post.allowComments'><h3><a expr:href='data:post.addCommentUrl'expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></h3></b:if></b:if></p></b:if>

উপরের অংশটিকে রিপ্লেস করুন নিচের অংশটি দ্বারা-

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'><a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>To Use A Smiley In Your Comment, Simply Add The Characters Beside Your Choosen Smiley To The Comment:<br/>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =)) <a href='http://www.spiceupyourblog.com/2010/10/smileys-emoticons-blogger-comments-form.html'><small>Grab Smily Gadget</small></a>
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

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


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

১. আপনার ব্লগার একাউন্টের সাহায্যে এখানে লগ-ইন করুন.

২.  ড্যাশবোর্ড থেকে যান- Settings-->E-mail & mobile-->Mobile Template.

৩. দুটি অপশন দেখবেন, এর মধ্যে প্রথম অপশনটি চেক করে দিন, প্রথম অপশনটি- ''Yes, On mobile devices, show the mobile version of my template.''

৪. এবার নিচের 'Mobile Preview' বাটনে ক্লিক করে আপনি প্রিভিউ দেখে নিতে পারেন, এবার নিচে নেমে আপনার পরিবর্তন করা সেটিংস সেভ করুন। এবার থেকে মোবাইলের ব্রাউজার (যেমন- অপেরা মিনি) দিয়ে আপনি দেখতে পারবেন আপনার ব্লগটি বেশ সহজে।


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

১. ব্লগের ড্যাশবোর্ড থেকে যান- Design-->Page elements-->Add Gadget

২. এবার একটি তালিকা ওপেন হবে, সেখান থেকে সিলেক্ট করুন- Html/Javascript.

৩. এবার নতুন উইন্ডো ওপেন হবে, সেটির Content ফিল্ডে দিন নিচের লাইনগুলো-

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><style type='text/css'>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style='text/javascript'>var pageCount=10;var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script><script style='text/javascript' src='http://spiceupyourblogextras.googlecode.com/files/newbloggerpagenav.js'></script>

এখানে pageCount=XX এর জায়গায় দিবেন আপনি প্রথম পৃষ্ঠায় যতটি পোস্ট শো করতে চান সেই সংখ্যাটি; অর্থাৎ, আপনার ব্লগের প্রথম পেজে যতটি পোস্ট শো করে সেই সংখ্যাটিই এখানে দিবেন।

৪. এবার গ্যাজেটটি সেভ করুন আর নতুন যোগ হওয়া গ্যাজেটটি ড্র্যাগ করে বসিয়ে দিন 'Blog Posts' নামক অংশের ঠিক নিচে। এবার দেখবেন আপনার ব্লগের প্রথম পেজের নিচের দিকে পৃষ্ঠা নাম্বার দেখাচ্ছে।



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

• Share this on del.icio.us
• Digg this!
• Stumble upon something good? Share it on StumbleUpon
• Share this on Reddit
• Add this to Google Bookmarks
• Tweet This!
• Share this on Facebook
• Share this on Mixx
• Subscribe
• Buzz up!
• Share this on Linkedin
• Submit this to DesignFloat
• Share this on Technorati
• Submit this to Script & Style
• Post this to MySpace
• Share this on Blinklist
• Share this on FriendFeed
• Seed this on Newsvine