লেখক:
আসসালামু আলাইকুম ।
কেমন আছেন সবাই? আশা করি ভালো আছেন। আমিও আপনাদের দোয়াই অনেক ভালো আছি।
প্রতিদিনের মতো আজো নতুন একটি টিউটোরিয়াল নিয়ে হাজীর হয়েছি।
টিউটোরিয়ালটির বিষয়ঃ
তারপর Dashboard হতে Themes এ যন।
এখন কীবোর্ড হতে Ctrl+F একসাথে প্রেশ করুন।
সার্চবারে <body> লিখে সার্চ করুন। <body> ট্যাগটি খোঁজে পেলে, নিছের কডটি <body> ট্যাগের নিছে পেস্ট করুন।
এবার Save Theme এ ক্লিক করন।
আর আপনি যদি এই লুকটি শুধু মাত্র মোবাইলে ভার্শনে দেখাতে চান?
তাহলে উপরের কোডটির পরিবর্তে এই কোডটি পেস্ট করুন।
Save Theme এ ক্লিক করন। ব্যাস আপনার কাজ শেষ। এখন উপবুক করুন Samsung Edge এর লুক আপনার সাইটের।
টিউটোরিয়ালটির বিষয়ঃ
কিভাবে আপনার ব্লগার /ওয়েবসাইকে বাঁকা স্ক্রিন প্রভাব দিবেন।
 |
| কিভাবে আপনার ব্লগার /ওয়েবসাইকে বাঁকা স্ক্রিন প্রভাব দিবেন। |
আমরা সবাই samsung এর edge মডেলগুলো দেখেছি যে আমরা হইত সবাই samsung এর edge মডেলগুলো দেখেছি , যে samsung এর edge মডেলগুলোর দুই পাশের স্ক্রিন একটু ঢালু/বাকা ।
ঠিক তেমনি ঢালু/বাকা লুক দিন আপনার সাইটে।
কিভাবে করবেনঃ
প্রথমে আপনার ব্লগে Login করুন।তারপর Dashboard হতে Themes এ যন।
এখন কীবোর্ড হতে Ctrl+F একসাথে প্রেশ করুন।
সার্চবারে <body> লিখে সার্চ করুন। <body> ট্যাগটি খোঁজে পেলে, নিছের কডটি <body> ট্যাগের নিছে পেস্ট করুন।
<style> .screen-edge-right{z-index: 99999999;
background: #a8a8a8;
height: 100vh;
width: 0px;
box-shadow: 10px 0px 10px 12px #333;
position: fixed;
top: 0;
right: 0;}
.screen-edge-left{ z-index: 99999999;
background: #a8a8a8;
height: 100vh;
width: 0px;
box-shadow: 0px 0px 10px 3px #333;
position: fixed;
top: 0;
left: 0;}</style>
<div class="screen-edge-right"/>
<div class="screen-edge-left"/>
এবার Save Theme এ ক্লিক করন।
আর আপনি যদি এই লুকটি শুধু মাত্র মোবাইলে ভার্শনে দেখাতে চান?
তাহলে উপরের কোডটির পরিবর্তে এই কোডটি পেস্ট করুন।
<b:if cond='data:blog.isMobileRequest == "true"'>
<style> .screen-edge-right{z-index: 99999999;
background: #a8a8a8;
height: 100vh;
width: 0px;
box-shadow: 10px 0px 10px 12px #333;
position: fixed;
top: 0;
right: 0;}
.screen-edge-left{ z-index: 99999999;
background: #a8a8a8;
height: 100vh;
width: 0px;
box-shadow: 0px 0px 10px 3px #333;
position: fixed;
top: 0;
left: 0;}</style>
<div class="screen-edge-right"/>
<div class="screen-edge-left"/>
</b:if>
Save Theme এ ক্লিক করন। ব্যাস আপনার কাজ শেষ। এখন উপবুক করুন Samsung Edge এর লুক আপনার সাইটের।
Excellent vai
উত্তরমুছুনThanks
মুছুনexcellent Boss
উত্তরমুছুনThanks
মুছুনপোস্টি অনেক সুন্দর। আমি প্রতিদিন আপনার সাইট ভিজিট করি নতুন কিছু পাওয়ার আশায়। আপনার পোস্ট গুলো খুব ভালো লাগে। ভাই আপনার সাইট এর থিমটি শেয়ার করুন ভাই plz plz plz plz plz plz ... .আপনার সাইটের থিমটি অনেক সুন্দর।
উত্তরমুছুনধন্যবাদ
মুছুনভাই আপনাকে কিন্তু অনেক বার বলছি, আপনার সাইটের থিমটা আমাদের খুব দরকার. প্লিজ ভাই আপনার সাইটে থিমটি আমাদেরকে দেন।
উত্তরমুছুনপ্লিজ ভাই।
দুঃখিত ভাই।
মুছুনবর্তমান ভার্শনটা শেয়ার করা যাবেনা।
তবে কিছু দিনের মদ্ধে পুরনো ভার্শনটা শেয়ার করবো।
ঐটা হলেও চলবে। নেক্সট পোস্টে শেয়ার করেন
মুছুনইনশাআল্লাহ
মুছুনকখন পোষ্ট করবেন?
মুছুনসাইম ভাই আপনার প্রতি ভালোবাসা রইলো আশা করি নেক্সট পোস্ট এই দিবেন
মুছুনভাই কিছু কাস্টমাইজড করতে হবে। কয়েক দিনের মধ্যে শেয়ার করবো।
মুছুনভাই আপনি অনেক কিছু শিখিয়েন ব্লগারের মাধ্যমে,,,,,ভাই আপনার মত করে আমারাও এগিয়ে যেতে চাই,,,,, এই থীম টা ব্যাকআপ করে দিলে ভালো হতো,,,,আপনার তো কোন ক্ষতি হবে না বরং আপনার প্রতি আমাদের ভালোবাসা বেড়ে যাবে,,,,,আপনার মাধ্যমে আমরা অনেক কিছু শিখতে চাই
মুছুনইনশাআল্লাহ!! চেষ্টা করবো যা জানি তা শেয়ার করার জন্য।
মুছুনভাই। ঠিক আছে, আপনি আপনার ইউটিউভ চ্যানেল এ ভিডিও আপলোড দেননা কেন?
মুছুনএকটু ব্যাস্ত আসি তাই ভিডিও বানানোর সময় পাচ্ছি না
মুছুনভাই সাইটের পুরাতন থিমটা কি পাব না।
উত্তরমুছুন