ADs by Techtunes ADs
ADs by Techtunes ADs

আপনার ব্লগার এর পোষ্টগুলো ভাগ করুন পছন্দমতো ডিজাইন দিয়ে

computer-tips-and-tricks

ADs by Techtunes ADs

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

নিচের পদ্ধতিগুলো অনুসরণ করুনঃ

আপনার ব্লগার এর এ্যাকাউন্ট এ লগ ইন করুন। তারপর Dashboard > Layout > Edit HTML এ যান এবং নিচের কোডটি খুঁজে বের করুন।

.post

এই কোডটি আসলে CS এর একটি অংশ এবং ডিজাইন। CSS কোডটি হবে হুবহু নিচের কোডটির মতো।

.post {

margin: 0 0 40px 0;

width: 90%

}

এখন দেখি, কিভাবে এবং কোথায় আমরা আমাদের পছন্দের ডিজাইনটির কোড বসিয়ে দেব। এটি একটি আলাদা CSS এর কোড।

background: url(Separator-Image-Url);

background-repeat: no-repeat;

background-position: bottom center;

margin:.5em 0 1.5em;

ADs by Techtunes ADs

padding-bottom:2.5em;

এখানে আপনি Separator-Image-Url এর এই অংশে আপনার পছন্দের কোডটি এর পরিবর্তে বসিয়ে দিন। এখন আপনি যদি আপনার ডিজাইনটি দেখেন যে আপনার পোষ্টের ভিতরে ঢুঁকে পড়েছে তাহলে 2.5 এর জায়গায় 3.5 বা 4.5 পরিবর্তন করে দিন।

এখন আপনার সর্বশেষ কোডটি হবে নিচের মতো। এই নিচের কোডটি কপি করে ১ম কোডটির নিচে বসিয়ে দিন। আমি এখানে আপনাদের সুবিধার্থে উপরের কোডটি সহ নিচের কোডটি দিয়ে দিলাম। তাহলে, আপনারা আরো ভালোভাবে বুঝতে পারবেন।

.post{

margin: 0 0 40px 0;

width: 90%;

background: url(http://www.imagehost.com/separator.jpg);

background-repeat: no-repeat;

background-position: bottom center;

margin:.5em 0 1.5em;

padding-bottom:2.5em;

ADs by Techtunes ADs

}

ডিজাইনঃ

barsnake

http://4.bp.blogspot.com/_JwD5r652h00/SuttjmoES2I/AAAAAAAAANw/bidxxyqfxwg/s1600/barsnake.gif

bar54

http://3.bp.blogspot.com/_JwD5r652h00/SuttjcXA_4I/AAAAAAAAANo/w2BZApq6Jn4/s1600/bar54.gif

bar48

http://4.bp.blogspot.com/_JwD5r652h00/SuttjFcWXkI/AAAAAAAAANg/Ex99MFx60sY/s1600/bar48.gif

bar47

http://1.bp.blogspot.com/_JwD5r652h00/Sutti1AMlHI/AAAAAAAAANY/n-pJyLWbbhE/s1600/bar47.gif

astarl7s

http://4.bp.blogspot.com/_JwD5r652h00/SuttiqsszII/AAAAAAAAANQ/raAoX-EHDUY/s1600/astarl7s.gif

ADs by Techtunes ADs

dividers_129

http://1.bp.blogspot.com/_JwD5r652h00/Sutu7XMmvBI/AAAAAAAAAOY/8XQyk53329Y/s1600/dividers_129.gif

dividers_96

http://2.bp.blogspot.com/_JwD5r652h00/Sutu7TjXFHI/AAAAAAAAAOQ/IQlWtZrB5SI/s1600/dividers_96.gif

clipart-heart-border

http://3.bp.blogspot.com/_JwD5r652h00/Sutu7DaxOSI/AAAAAAAAAOI/Q3okL8VTVQ4/s1600/clipart-heart-border.jpg

chain

http://3.bp.blogspot.com/_JwD5r652h00/Sutu65IKnaI/AAAAAAAAAOA/UJuKQP29vtg/s1600/chain.gif

bloodrose

http://1.bp.blogspot.com/_JwD5r652h00/Sutu6mRBnpI/AAAAAAAAAN4/82pbOVmnl1Y/s1600/bloodrose.gif

ADs by Techtunes ADs

stonebar

http://2.bp.blogspot.com/_JwD5r652h00/Sutwt4UlPXI/AAAAAAAAAPw/tZ9RY7m1tKA/s1600/stonebar.gif

resfiles_sdfp

http://1.bp.blogspot.com/_JwD5r652h00/SutwFSJ2_LI/AAAAAAAAAPo/WMkQ9bAcVn0/s1600/resfiles_sdfp.gif

resfileszcp

http://1.bp.blogspot.com/_JwD5r652h00/SutwFArTx_I/AAAAAAAAAPg/RlKs6tTx_Mw/s1600/resfileszcp.gif

resfiles_output

http://2.bp.blogspot.com/_JwD5r652h00/SutwEnMKk3I/AAAAAAAAAPY/pz3dI5GhTGY/s1600/resfiles_output.php.gif

pumpkin-border-hth

http://2.bp.blogspot.com/_JwD5r652h00/SutwEayD8dI/AAAAAAAAAPQ/9k10wIhaHjU/s1600/pumpkin-border-hth.gif

ADs by Techtunes ADs

irish-border4

http://3.bp.blogspot.com/_JwD5r652h00/SutwEO1pNLI/AAAAAAAAAPI/FAmwFnDEASw/s1600/irish-border4.gif

ivy

http://2.bp.blogspot.com/_JwD5r652h00/Sutv3RFLl9I/AAAAAAAAAPA/e7VXY-5er8A/s1600/ivy.gif

irish-border1

http://1.bp.blogspot.com/_JwD5r652h00/Sutv3EVHqdI/AAAAAAAAAO4/jKfcf3u4IJ4/s1600/irish-border1.gif

frog54

http://3.bp.blogspot.com/_JwD5r652h00/Sutv3MzdTQI/AAAAAAAAAOw/LRKkTCzKkGA/s1600/frog54.gif

flowerbar

http://4.bp.blogspot.com/_JwD5r652h00/Sutv28LLgLI/AAAAAAAAAOo/3ykBTaQOofw/s1600/flowerbar.gif

ADs by Techtunes ADs

drawing-separator

http://3.bp.blogspot.com/_JwD5r652h00/Sutv2gVPVII/AAAAAAAAAOg/w1Wh7KancXM/s1600/drawing-separator.gif

আরো অনেক সুন্দর সুন্দর ডিজাইন আছে। কিন্তু, সময়ের অভাবে দিতে পারলাম না। আপনাদের যদি কারো দরকার হয় তাহলে আমাকে জানাবেন, আমি অবশ্যই ব্যবস্থা করবো।

আর একটা কথা, আমি এবার নতুন একটা ব্লগ খুঁলেছি মাত্র কয়েকদিন হলো। আপনাদের সময় হলে অবশ্যই আমার এই ব্লগটিতে গিয়ে একটু ঘুরে আসবেন এবং আমাকে জানাবেন কেমন হয়েছে। ধন্যবাদ সবাইকে। http://sum-on.com

ADs by Techtunes ADs
Level 0

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

My Name Is "SuMoN". I'm Study in "Computer Science & Engineering". I Live in Dhanmondi, Dhaka, Bangladesh.


টিউনস


আরও টিউনস


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


টিউমেন্টস

http://content.sweetim.com/sim/cpie/emoticons/00020664.gif

চালিয়ে যান। আর হ্যা, ব্লগে কিভাবে গান প্লে করব অথবা রাখতে পারব। নাবিল আমিন ভাইয়ের ওয়েবসাইটের মতো।

    আপনাকে অনেক ধন্যবাদ ভাই কমেন্ট করার জন্য। আর হ্যাঁ, ব্লগের ব্যাকগ্রাউন্ডে মিউজিক প্লেয়ার যুক্ত করা বিষয়ে আগে টিউন করা হয়েছে। আপনি দয়া করে সার্চ করে দেখুন, আর যদি না পেয়ে থাকেন তাহলে আমাকে জানাবেন আমি অবশ্যই আপনাকে জানিয়ে দেব।

কাজে লাগবে।
সাইটটি সুন্দর হয়েছে। চালিয়ে যান।

    ধন্যবাদ “সোহাগ ভাই” কমেন্ট করার জন্য। সাইটটি সুন্দর হয়েছে শুনে অনেক খুঁশি হলাম।

সুমন ভাই আমার প্রশ্ন অন্য জিনিশ তা হল ১। আপনি আপনার ওয়েব সাইট এর জন্য .com ডোমেইন কথায় পাইসেন।

২।আপনার সাইট টা কি দিয়ে ডিজাইন করসেন?

৩।আপনার সাইট টা কি ব্লগে তৈরি নাকি অন্য কোথাও?

আশা করি উওর দিবেন

    “রাফসান ভাই”,
    ১। আমি আমার সাইটের জন্য .com ডোমেইন টি কিনেছি।
    ২। আমার সাইটটির টেম্পলেটটি আমাকে কিনতে হয়েছে। এটি একটি প্রিমিয়ার টেম্পলেট।
    ৩। আমার সাইটটি ওয়ার্ডপ্রেস এ তৈরীকৃত।
    আমি, আপনার প্রশ্নগুলোর উত্তর দেবার চেষ্টা করলাম।

🙂
কেমন আছেন সুমন ভাই?

    রনি ভাই,
    আমি ভালো আছি। আপনি কেমন আছেন? অনেক ভালো লাগছে আপনি কমেন্ট করেছেন দেখে। 🙂

সুমন ভাই আমি তো আপনার ফেন হয়ে গেলাম…… আমি কি আপনাকে ইয়াহু কিংবা জিমেইলে এড করতে পারি? 🙂

    “অদ্ভুত ভাই”,
    কি যে বলেন না, আমি আসলে তেমন কিছুই জানি না। আর হ্যাঁ, আপনি আমাকে অবশ্যই জিমেইল কিংবা ইয়াহুতে এ্যাড করতে পারেন। আমার আইডি হলোঃ sumonbdinfo । এটা জিমেইল এবং ইয়াহু দুটোর জন্যই

কাজের টিউন চালিয়ে যান। উপকারে আসবে সবার।

    ধন্যবাদ ভাই, আশাকরি আরো অনেক কাজের টিউন করতে পারবো আপনাদের জন্য। দোয়া করবেন সবাই।

ভাই জুমলার জন্য কি করতে হবে তা যদি একটু বলতেন।