CSS ফটো লাইট ইফেক্ট ব্লগার ব্লগের জন্য । দেখুন ইকেক্টটি খুব সুন্দর আমি নিজেই ব্যবহার করি !!

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







☞ উপরের ফটো এর মতো ফটো মাউস রাখলে লাইট জ্বলবে । আশাকরি বুজতে পেরেছেন এবং আপনার পছন্দও হয়েছে । তাহলে নীচে থেকে দেখে নিন কিভাবে কাজ করবেন ।


১// আপনার ব্লগ লগইন করুন /

২// ড্যাশবোর্ড থেকে Template এ ক্লিক করুন তারপর Customize এ ক্লিক করুন এবার Advanced এ ক্লিক করুন ।

৩// এবার যে কোড গুলো আছে সেগুলো মুছে সেখানে নীচের কোড গুলো বসিয়ে দিন তারপর একটা স্পেস দিন এর জন্য কীবোর্ড এর স্পেস বাটন চাপুন ।


.post img {
padding: 0px;
background: #;
border: 0px solid #;
-moz-box-shadow: 0 0 0px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .2);
box-shadow: 0 0 0px rgba(0, 0, 0, .2);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.post img:hover {
background:#FDFDFB;
border:0px solid #;
-moz-box-shadow:0 0 15px 5px #EF10F2;
-webkit-box-shadow:0 0 15px 7px #EF10F2;
box-shadow:0 0 15px 7px #EF10F2;
}


৪// ব্যাস এবার দেখুন Apply to Blog শো করছে তাতে ক্লিক করুন তারপর আপনার ব্লগ ভিজিট করুন । আশাকরি কাজ হয়েগেছে ।


☞ যারা উপরের নিয়মে বুজতে পারলেন না তারা নীচে টিপস দেখে করুন ।


১// আপনার ব্লগ লগইন করুন /

২// ড্যাশবোর্ড থেকে Template এ ক্লিক করুন তারপর Edit HTMLএ ক্লিক করুন ।

৩// এবার আপনার কীবোর্ড এর CTRL+F প্রেস করে নীচের ট্যাগটি খুজে বের করুন ।


]]></b:skin>


৪// উপরের ট্যাগ এর ঠিক উপরে নীচের সিএসএস কোড গুলো কপি পেস্ট করুন ।


.post img {
padding: 0px;
background: #;
border: 0px solid #;
-moz-box-shadow: 0 0 0px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .2);
box-shadow: 0 0 0px rgba(0, 0, 0, .2);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.post img:hover {
background:#FDFDFB;
border:0px solid #;
-moz-box-shadow:0 0 15px 5px #EF10F2;
-webkit-box-shadow:0 0 15px 7px #EF10F2;
box-shadow:0 0 15px 7px #EF10F2;
}


৫// এবার Save Template এ ক্লিক করে আপনার ব্লগ দেখুন । আশাকরি আপনি এবার কাজটি করতে সফল হয়েছেন ।


✔ তাহলে আমার এই পোস্ট আপনাদের ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন । কোন রকম সমস্যা হলে অবশ্যই জানাবেন আমার কোন ভুল হলে ইঙ্গিন্ত না দিয়ে সোজা সজি ভুল ধরিয়ে দেবেন । তাহলে আজকের মত এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে । ভালো থাকবেন সুস্থ থাকবেন । আল্লাহ্‌ হাফেজ ।

এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

3 মন্তব্যসমূহ

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

  1. Rajib ahmed১:০৮ PM

    vai akto help korben plz...!upload kore image ta te apnar blog er logo er nicher je menu golo agolo kivabe toiri kora jai othoba edit kora jai....!!jodi bolten pokrito hotam..!!otho jodi ei rokom akta templete doten...!!if possible plz send me by email:rajibdpi@gmail.com

    উত্তরমুছুন
  2. Rajib ahmed১:১৬ PM

    vai akto help korben plz...!upload kore image ta te apnar blog er logo er nicher je menu golo agolo kivabe toiri kora jai othoba edit kora jai....!!jodi bolten pokrito hotam..!!otho jodi ei rokom akta templete doten...!!if possible plz send me by email:rajibdpi@gmail.com

    image for query....



    http://dl9.usersfiles.com/19/i/00019/dyvu6r2f2uar.jpg

    উত্তরমুছুন
  3. মোঃ আসলাম পারভেজ২:২১ PM

    ওটার জন্য আপনি একটা মেনু বার ব্যবহার করুন আমার ব্লগে দেখুন অনেক নেমু আছে তার মধ্যে যেকোনো একটি পছন্দ মতো ব্যবহার করতে পারে । আর আমার থিম এর লিঙ্ক দিতে নিসেদ আসছে এর জন্য আমি খুবি দুঃখিত । অন্য কোন হেল্প দরকার হলে জানাতে পারেন । ধন্যবাদ কমেন্ট এবং আমার ব্লগ ভিজিট করার জন্য ।

    উত্তরমুছুন
নবীনতর পূর্বতন

نموذج الاتصال