ব্লগস্পট ব্লগ নিয়ে টুকিটাকি টিপস! হয়ত কাজে লাগতে পারে…!:)

0
676
আমরা ব্লগস্পট নিয়ে টুকিটাকি কিছু আলোচনা করব। অনেকেই ব্লগস্পটে ব্লগ বানানোর ব্যাপারে চিন্তা করেও পিছনে ফিরে যান বিভিন্ন সমস্যা সমাধান করতে না পেরে। হয়ত অনেকের কিছু সমস্যার সমাধান হবে এই আশা থেকে এই থ্রেডের সুচনা।বিজ্ঞজনদের কাছ থেকে যা জানতে পেরেছি তাই আপনাদের সাথে শেয়ার করার চেষ্টা করছি। আমার মত নতুন ব্লগার বন্ধুদের এই পোস্টটি হয়ত কিছুটা উপকারে আসবে।শুরুতে আমরা দেখবো- কিভাবে আপনার ব্লগস্পট ব্লগের লেবেলকে ড্রপডাউন বা পপআপ মেনুতে রূপান্তর করবেন। এভাবে ব্লগের লেভেলকে দেখালে আপনার ব্লগ ডিজাইন সুন্দর দেখাবে এবং পাশাপাশি আপনার ব্লগের পেইজ লোড হওয়ার সময়ও কমে আসবে। আর আপনার ব্লগে যদি বিষয়ের সংখ্যা অনেক বেশি হয়ে যায়, তাহলে এখনি এই গেজেটটিকে ড্রপডাউন মেনুর মতো করে নিন। ব্লগের জায়গা বাঁচবে। আসুন তবে দেখে নেয়া যাক কিভাবে করবেন আপনার ব্লগস্পট ব্লগের লেবেলকে ড্রপডাউন বা পপআপ মেনুতে রূপান্তর।

 

  • ১) প্রথমে ব্লগার.কম এ লগইন করে dashboard থেকে আপনার desired ব্লগটার layout এ যান ।
  • ২) add a Gedjet ট্যাব এ ক্লিক করে সেখান থেকে একটি লেবেল গেজেট নিয়ে সেভ করুন।
  • ৩) এবার আপনাকে Layout থেকে Edit HTML ট্যাবে যেতে হবে।
  • ৪) Expand Widget Templates লেখার পাশের চেকবক্সে টিক চিহ্ন দিবেন না।
  • ৫) এবার contrl+F চেপে নিচের লাইনটি খুঁজে বের করুন

 

1
<b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’>
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

 

৬) আশা করি পেয়ে গেছেন এখন খুঁজে পাওয়া লাইনটি সম্পূর্ণ মুছে দিয়ে নিচের কোডটি স্থাপন করুন।
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’>
<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<br/><select onchange=’location=this.options[this.selectedIndex].value;’ style=’width:200px’>
<option>Label Gadget Name</option>
<b:loop values=’data:labels’ var=’label’>
<option expr:value=’data:label.url’><data:label.name/>
</option>
</b:loop>
</select><b:include name=’quickedit’/>
</div>
</b:includable>
</b:widget>
পরীক্ষা করে দেখার জন্য নিচের PREVIEW তে ক্লিক করুন। আশা করি সব ঠিক ঠাকই আছে।যদি সব ঠিক ই থাকে তবে SAVE TEMPLATE এ ক্লিক করে শেভ করুন। উপরের কোডটির দুটো জায়গায় সম্পাদনা করতে হবে। যে সাইডবারে রাখবেন, তার মাপ অনুযায়ী 200px মানটি পরিবর্তন করুন। লেবেল গেজেটটির নাম পরিবর্তন করার জন্য Label থেকে বিভাগ বা ক্যাটাগরি নাম দিয়ে দিন । ব্যাস কাজ শেষ।
ব্লগ এ কিভাবে খুব সহজে রিলেটেড পোস্ট অপশন যোগ করবেন?

এখন আমরা দেখাবো কিভাবে আপনার ‘ব্লগ এ খুব সহজে রিলেটেড পোস্ট অপশন যোগ করবেন।’

এটি খুব সহজেই করা যায়। আসুন দেখে নেয়া যাক কিভাবে কি করতে হবে…

ব্লগস্পট ব্লগ নিয়ে টুকিটাকি টিপস! হয়ত কাজে লাগতে পারে…!:)

১) প্রথমে আপনার ব্লগার.কম এ সাইন ইন করে ড্যাশবোর্ডে প্রবেশ করে Layout >Page elements এ গিয়ে Add Gadget এ ক্লিক করুন।

২) তারপর কোডিং বসানোর জন্য HTML/ Javascript এ ক্লিক করুন। তার পর বক্সে নিচের কোডটুকু কপি করে নিয়ে পেস্ট করে দিন। গেজেটটি সাইডবার বা পোস্টের নিচে বা ফুটার যেখানে খুশি রাখতে পারেন, যে খানেই রাখেন না কেন ঠিকমতোই কাজ করবে।

1 <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”type=”text/javascript”></script> <script src=”http://blogger-related-posts.googlec…-widget-1.0.js” type=”text/javascript”></script> <script type=”text/javascript”> relatedPostsWidget({ ‘containerSelector’:’div.post-body’ ,’loadingText’:’Loading Related Posts…’ });</script>

৪) এবার সেভ করুন।

এবার প্রতিটি পোস্টের নিচের ছবিটার মতোই ৫টি একই রকম রিলেটেড পোস্ট দেখা যাবে।

ব্লগস্পট ব্লগ নিয়ে টুকিটাকি টিপস! হয়ত কাজে লাগতে পারে…!:)

এই রিলেটেড পোস্ট অংশটিকে আপনি চাইলে একটু রঙিন করে তুলতে পারেন। না করলেও কোন অসুবিধা নেই। আচ্ছা চলুন দেখে নেই কিভাবে রঙ্গিন করতে হবে…
সেক্ষেত্রে Layout > Edit HTML অংশে গিয়ে cont+F চেপে ]]></b:skin> এই কোড টুকু খুঁজে বের করুন। পেয়ে গেলে এই কোডটার ঠিক উপরে নিচের কোডটুকু কপি করে নিয়ে পেস্ট করে দিন।

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#related-posts{
margin:4px;
padding:10px;
}
#related-posts h2{
background: #BDEDFF;
color: #000000;
}
#related-posts ul{
background: #e0ffff;
color: #2008AF;
font-size: 12px;
}
#related-posts-loadingtext{
color:#ff0000;
}
Save Template এ ক্লিক করে টেম্পেলেটটি সেভ করুন।
এবার দেখুন তো পোস্টের নিচের “রিলেটেড পোস্ট” অংশটুকু কেমন কাজ করছে।
ব্লগস্পট ব্লগ নিয়ে টুকিটাকি টিপস! হয়ত কাজে লাগতে পারে…!:)চেষ্টা করে দেখুন হয়ে যাবে,পারবেন।
ব্লগের টাইটেল স্টাইল পরিবর্তন

এখন দেখব কিভাবে আপনার ব্লগের টাইটেল স্টাইল পরিবর্তন করবেন। এর জন্য আপনাকে বেশি কিছু করতে হবেনা, একেবারেই সহজ।

  • ১) প্রথমে আপনার ব্লগে লগ ইন করুন।
  • ২) তারপর ব্লগারে ড্যাসবোর্ড থেকে Design > Page Element এ গিয়ে Add a gadget এ ক্লিক করুন
  • ৩) এরপর HTML/JavaScript সিলেক্ট করলে একটি এডিটর খুলবে। এখানে Title এর জায়গা খালি রেখে Content এর জায়গায় নিচের কোডসমুহ কপি করে পেস্ট করুন। এখানে Write Your Title লেখার জায়গায় আপনার পছন্দমত লেখা দিলে তা টাইটেল বারে প্রদর্শিত হবে।
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script language=”JavaScript1.2″>
// ************************************************** *****************// script by drevil_nz, Michael Dillon, Christchurch New Zealand.
// Permission granted to use this script provided this credit
// remains intact. Visit my homepage <a href=”http://www.chc.quik.co.nz/juggler/mikey.html” target=”_blank”>www.chc.quik.co.nz/juggler/mikey.html</a>
// Script written for Internet Explorer 4.0+.
// ************************************************** *****************
var message=”Write Your Title” //specifys the title
var message=message+” ” //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds.
i=”0″ //declares the variable and sets it to start at 0
var temptitle=”” //declares the variable and sets it to have no value yet.
var speed=”150″ //the delay in milliseconds between letters
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i) //sets the initial title
temptitle=temptitle+message.charAt(i) //increases the title by one letter
i++ //increments the counter
if(i==message.length) //determines the end of the message
{
i=”0″ //resets the counter at the end of the message
temptitle=”” //resets the title to a blank value
}
setTimeout(“titler()”,speed) //Restarts. Remove line for no-repeat.
}
window.onload=titler
</script>
<script language=”JavaScript1.2″>// ************************************************** *****************// script by drevil_nz, Michael Dillon, Christchurch New Zealand. // Permission granted to use this script provided this credit // remains intact. Visit my homepage <a href=”http://www.chc.quik.co.nz/juggler/mikey.html//” target=”_blank”>www.chc.quik.co.nz/juggler/mikey.html//</a> Script written for Internet Explorer 4.0+.// ************************************************** ***************** var message=”Supernova Solar <a id=”Y3393814S32″ href=”http://www.amazingadda.com/showthread.php/210963-%E0%A6%AC%E0%A7%8D%E0%A6%B2%E0%A6%97%E0%A6%B8%E0%A7%8D%E0%A6%AA%E0%A6%9F-%E0%A6%AC%E0%A7%8D%E0
টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

fourteen − 11 =