আসসালামু আলাইকুম । কেমন আছেন সবাই? আশা করি ভালো আছেন। আমিও আপনাদের দোয়াই অনেক ভালো আছি। প্রতিদিনের মতো আজো নতুন একটি টিউটোরিয়াল নিয়ে হাজীর হয়েছি।

টিউটোরিয়ালটির বিষয়ঃ

কিভাবে আপনার ব্লগার /ওয়েবসাইকে বাঁকা স্ক্রিন প্রভাব দিবেন।

আমরা সবাই 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>