বন্ধুরা আপনারা সকলে কেমন আছেন। নিশ্চয় ভাল আছেন। আর আপনাদের সকলে মঙ্গল কামনা করে আমার আজকের লেখা শুরু করলাম। আজ আমি আপনাদের নতুন ও মজার একটি বিষয় নিয়ে হাজির হয়েছি। আমরা বিভিন্ন ব্লগ সাইটে যখন কোন পোষ্ট পড়ার জন্য ওপেন করি তখন দেখা যায় বিভিন্ন ডিজাইনে পোষ্ট আপনার সামনে হাজির হয়। কিন্তু সেটা কিভাবে সম্ভব ভেবে পাই না। তাই আমি আজ আপনাদের সাথে সেরকমই এই টিউন শেয়ার করলাম। দেখুন তাহলে নিচের চিত্রের মত????
আপনার ব্লগ সাইটে কিভাবে সেট করবেন দেখুন!!!
১// প্রথমে আপনার ব্লগার সাইটের ড্যাশবোর্ডে প্রবেশ করুন
২// তার পরে ড্রাপ ডাউন মেনু হতে টেমপ্লেট নির্বাচন করুন।
৩// Edit HTML ক্লিক করুন।
]]></b:skin>৪। সর্বশেষ নিচের কোডগুলো কপি করুন এবং ]]></b:skin> উপরে যুক্ত করুন।
@font-face {৫// টেমপ্লেটটি সেভ করুন।
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
.message_box {
margin:15px 0;
}
.note {
color:#666;
font-family:"Open Sans";
font-size:16px;
border:1px solid #FDEBA5;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-BqaYl-2ucj-enpQtP0pDfhn5NxgUSCg2rlIkPnfujzGqiQZfAlKGCXPH4IO-c9FgRCmXM_xCW_sRcMmJ56Eu0lKspWXjKZt3xyVn6VlIr5O3mRGBGRpsUT_lmB4t3I7gQ7rrasl9n9GU/s1600/thumb.png) no-repeat scroll 10px center #FEF4C8;
padding:.5em 1em .5em 3em;
}
.announce {
color:#666;
font-family:"Open Sans";
font-size:16px;
border:1px solid #BEE5F8;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYtqtceRYsCAGpdv3IaYEHeNN6gmDERjp2XgXeoDAkRclE3fMKC44tJ0hraN_5FTyeRLg4HX__NWbZ6GFBXCPL-SBI5SKQt7D1ioNJqmBdalomK3P8PuqQp-CSdTmPPmKZssBZjxO55gsx/s1600/speaker.png) no-repeat scroll 10px center #D7EFFB;
padding:.5em 1em .5em 3em;
}
.success {
color:#666;
font-family:"Open Sans";
font-size:16px;
border:1px solid #DEF1BF;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggnCxtZ4jr0bs-n40TJv7Ns1zFHBrkIHKsr0YPUmphP2u0QS0Izt-aWcghCJd0-qUZ64DtE2q9RPVQjeL78FMclzL6RNn8Iq-NxmeYX20jbJDcFnNZX1wv4yfpPuOan8449hHkBMKRSSDo/s1600/tick.png) no-repeat scroll 10px center #E8F6D2;
padding:.5em 1em .5em 3em;
}
.warning {
color:#666;
font-family:"Open Sans";
font-size:16px;
border:1px solid #FFDBDB;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDOkx6z32QZkAJBLuOgVd-pq0xuS18T4IJxn13laKNPNdM3wutkFqBRm-6g6OKtsav2MJ3iaUw1WlaU6_CI7X1xSZzNi3JbArfn8GXCFP6CMKnJuzqy3wCdlB6H-8NDRkcS0UyjlZnw9wI/s1600/cross.png) no-repeat scroll 10px center #FFE7E7;
padding:.5em 1em .5em 3em;
}
2# Step দেখুন পোষ্টের মাঝে কিভাবে সেট করবেন স্টেপ স্টেপ :
১// প্রথমে আপনার ব্লগ পোষ্ট করার জন্য নিউ পোষ্ট নির্বাচন করুন।
২// তার পরে HTML নির্বাচন করুন।
৩// আপনার যখন যে ধরনের কোন প্রয়োজন সে কোডটুকু কপি করে পেষ্ট করুন।
Note Box :
<div class="message_box note">
Hi, I am Mr.Noter. I'll notify your readers about the news.
</div>
Announce Box :
<div class="message_box announce">
Mr.Annoucer is having meetup with Blogger Yard's Readers.
</div>
Success Box :
<div class="message_box success">
Mr.Success. Never give up! A day wil come when you will catch me.
</div>
Warning Box :
<div class="message_box warning">
Mr.Warner. I will try my best to warn from such worst things.
</div>
ব্যস আপনার কাজ শেষ।
বন্ধুরা আপনারা যদি বিষয়টি বুঝতে না পারেন তাহলে আমার সাথে যোগাযোগ করবেন। আর তানা হলে কমেন্ট করতে ভুলবেন না। যথা সম্ভব আপনার সমাধান করার চেষ্টা করবো।
কখন কারো ব্লগ থেকে অনুমতি ছাড়া কপি পেষ্ট করবেন না। কারণ অনেক সময় দেখা যায় আপনার কষ্টের ব্লগটি ব্যান্ড হয়ে গেছে। তাই ব্লগিং করা নিজের চেষ্টা করার জন্য অনুরোধ করা হলো।
আল্লাহ হাফেজ।
0 comments:
Post a Comment