সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ :: [পর্ব-১৭] আপনার ব্লগস্পট ব্লগের হোম পেইজে যুক্ত করুন খুব সুন্দর পোস্ট সেপারেটর

সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ

কেমন আছেন সবাই ?

আশা করি সবাই ভালো আছেন।

আসলে এবার আমার ধারাবাহিকতায় ফিরে আসতে একটু দেরি হয়েছে। আসলে কি নিয়ে লিখব টা ভেবে পাচ্ছিলাম না।

হটাৎ একটি মজার বিষয় পেলাম তাই আপনাদের মাঝে শেয়ার করতে বসে পারলাম।

আজ আমি আপনাদের সাথে শেয়ার করবো কিভাবে আপনি আপনার ব্লগের হোম পেজের জন্য পোস্ট সেপারেটর তৈরি করবেন।

যারা ব্লগের হোম পেইজে একাধিক পোস্ট রাখেন তাদের জন্য এটি আসলেই কাজে লাগবে।

এটি ব্যবহারের মাধ্যমে আপনি আপনার  প্রত্যেকটি  ব্লগ পোস্টের শেষে খুব সুন্দর পোস্ট সেপারেটর ব্যবহার করতে পারবেন।

এটা করা খুব সহজ। এটি করতে হলে আপনাকে যা করতে হবে।

  • প্রথমে আপনার ব্লগে লগ ইন করুন
  • তারপর Deshboad>Design>Edit HTML  এ ক্লিক করুন
  • তারপর নিচের কোডটি খেজে বের করুন
.post {
margin: 0 0 40px 0;
width: 90%
}
  • এবার এই কোডটি খুজে পাওার পর
  • এবারে আমরা এই { এবং } এর মাঝে কিছু CSS property স্থাপন করবো যাতে করে দুই পোস্টের মাঝে আমরা একটি ছবি দিতে পারি। নিচে লেখা এই কোড যুক্ত করে দিন .post { লেখার পরের লাইনে
background: url(<strong></strong><strong><strong>http://www.picturehost.com/separator.jpg</strong></strong><strong></strong>);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:<strong>2.5</strong>em;
  • এবার প্রিভিউ দিয়ে দেখে নিন
  • ঠিক থাকলে সেইভ করতে ভুলবেন না , নাহলে  😀

আর আপনাদের সবার সুবিধার জন্য আমি কিছু ছবি সহ লিংক দিয়ে দিলাম।


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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

Da

http://4.bp.blogspot.com/_JwD5r652h00/SuttjmoES2I/AAAAAAAAANw/bidxxyqfxwg/s1600/barsnake.gif
http://3.bp.blogspot.com/_JwD5r652h00/SuttjcXA_4I/AAAAAAAAANo/w2BZApq6Jn4/s1600/bar54.gif
http://4.bp.blogspot.com/_JwD5r652h00/SuttjFcWXkI/AAAAAAAAANg/Ex99MFx60sY/s1600/bar48.gif


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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

 

আশা করি সবাই বুঝতে পেরেছেন। কোন ভুল হলে নিজ গুনে মাফ করে দিবেন মাফ করে দিবেন 😀 😀 😀 । কারন ক্ষমা মহত্তের লক্ষণ।

আর ভালো লাগলে কমেন্টতো করবেনই, এটা কি বলা লাগে  ?  😛  😀

সবাই ভালো থাকুন, সুস্থ থাকুন, ভালবাসাসহ আপনাদেরই সাব্বির আলম।

Level 0

আমি সাব্বির আলম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 9 বছর 12 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 108 টি টিউন ও 869 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 5 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমি মোহাম্মদ সাব্বির আলম ( আসিফ পাগলা সাব্বির ) । Google Adsense এর একজন পাবলিশার্স হিসাবে কাজ করছি। বর্তমানে SEO নিয়েই পরে থাকতে এবং সবার মাঝে শেয়ার করতেই ভালো লাগে। আর বাংলা ব্লগিং করাটাই সব চেয়ে বড় নেশা। আমার সম্পর্কে আরো বিস্তারিত জানতে অথবা লাইভ সাপোর্ট পেতে আমাকে ফেইসবুকে অ্যাড...


টিউনস


আরও টিউনস


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


টিউমেন্টস

like dilam boss

সুন্দর যখন হইছে কি আর করা। তবে আরো দেন।

Level 0

amar blog kaj kore na..

Level 0

ভাই ভাল জিনিস কিন্তু যদি আমরা ব্যবহার না করতে পরি তবে কি ভাবে হবে । কাজ করে না তো আরো সহজ করে টিউন করলে ভাল হতো ।ধন্যবাদ।

Level 0

সুন্দর হইছে।শেয়ার করার জন্য ধন্যবাদ

Pagination এর উপর ১ টা tune চাই ।

ki baper @ডেভিল মে ক্রাই spam koren kan?

Pagination mean page number.How i add page number in each page of blog?

@pocha chele
কেন গা জ্বলে ?

ভাই আমার ব্লগরে Google মামার পেথ্থম পেজে কেমনে আনুম এট্টু কইয়া দেন পিলিজজজ…. 🙁
আমার ব্লগ http://24tutorial.blogspot.com

Level 2

Sabir vhai,apni apnar post gulu notun kore koren to.taholei sobar ovijug thakbe na.tobe dabi amar aktai,besi kore screen chai………
r spammin korar sujug apnari kore den bole hoyto sobai tai kore……..jader iccha hoy jabe,naile bose thakbe.tuner hisebe apnar montobbo asa korini akjon reader hoye…….
Valo thakben

সাব্বির ভাই এই লিঙ্কটা .post {
margin: 0 0 40px 0;
width: 90%
} আমার ব্লগে খুজেছি কিন্তু নাই!
প্লিজ হেল্প মি…

Level 0

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

Level 0

It is do not work in my blog…………….