ADs by Techtunes ADs
ADs by Techtunes ADs

ব্লগার টিউটোরিয়াল-কিভাবে ব্লগার হেডারকে দুই ভাগ করে Add a gadget স্থাপন করা যায়?

আমরা এই টিউটোরিয়ালে ব্লগার হেডারকে দুইটা কলামে ভাগ করব।প্রথমে ব্লগার এ login করে যে ব্লগ এর হেডারকে ভাগ করব তার Layout > Edit Html অংশে চলে যাই।টেমপ্লেট এর বেক আপ নিয়ে নেই।

ADs by Techtunes ADs

Image and video hosting by TinyPic

  • নিচের কোড গুলো খুজে বের করি-

#header-wrapper {

width:660px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}

#header-inner {

background-position: center;

margin-left: auto;

ADs by Techtunes ADs

margin-right: auto;

}

#header {

margin: 5px;

border: 1px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

}

  • এখন নিচের কোড গুলো দ্বারা উপরের কোড গুলো রিপ্লেস করি-

#header-wrapper {

width:810px;

ADs by Techtunes ADs

margin:0 auto 0px;

height:120px;

}

#head-inner {

width:510px;

background-position: left;

margin-left: auto;

margin-right: auto;

float:left;

}

ADs by Techtunes ADs

#header {

margin: 0px;

text-align: left;

color:#ffcc66;

}

#r_head{

width:240px;

float:left;

}

** হেডার যদি adjust না হয় width এর pixel বাড়িয়ে কমিয়ে adjust করা যাবে।

ADs by Techtunes ADs
  • আবার নিচের কোড গুলো খুজে বের করি-

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='(নিজ ব্লগের টাইটেল)' type='Header'/>

</b:section>

</div>

**title নিজ ব্লগের টাইটেল

  • উপরোক্ত কোড গুলো নিচের কোড গুলো দ্বারা  রিপ্লেস করি-

<div id='header-wrapper'>

<div id='head-inner'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='(নিজ ব্লগের টাইটেল)' type='Header'/>

ADs by Techtunes ADs

</b:section>

</div>

<div id='r_head'>

<b:section class='header' id='header2' preferred='yes'/>

</div>

</div>

now You're done. এটি minima টেম্পপ্লেট এ করা।

এখন টেম্পপ্লেট save করি।page element ট্যাব এ ক্লিক করে দেখুন একটি হেডার ভাগ হয়ে দুটি হয়ে গেছে।

এখন Add a gadget এ ক্লিক করে হেডার এর রঙ অনু্যায়ী adsense এর কোড স্থাপন করুন।

ADs by Techtunes ADs

ADs by Techtunes ADs
Level 2

আমি মর্নিং স্টার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 51 টি টিউন ও 326 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

I'm a bad boy - Me


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

হুমম দেখি কাজে আসে নাকি……………

ভাল
ধন্যবাদদদদদদদদদদদদ

ধন্যবাদ ভাই, সুন্দর টিউন করার জন্য। http://nod32-eset.blogspot.com

    ধন্যবাদ ভাই।আমার সাইট ভিজিট করার জন্য।

Level 0

” header-wrapper ” ei lekhatai to khuje pawa jacce na

ভাই অনেক খোজাখুজি করেও কোডটা পেলাম না।এটা জানি বর্তমানে ব্লগারে অনেক পরিবর্তন আসছে।দয়া করে বলবেন কি করে বর্তমান ফরমেটে কাজটা করা যাবে?