আসসালামু আলাইকুম ।
কেমন আছেন সবাই? আশা করি ভালো আছেন। আমিও আপনাদের দোয়াই অনেক ভালো আছি।
প্রতিদিনের মতো আজো নতুন একটি টিউটোরিয়াল নিয়ে হাজীর হয়েছি।
টিউটোরিয়ালটির বিষয়ঃ
কিভাবে আপনার ব্লগার /ওয়েবসাইকে বাঁকা স্ক্রিন প্রভাব দিবেন।
 |
| কিভাবে আপনার ব্লগার /ওয়েবসাইকে বাঁকা স্ক্রিন প্রভাব দিবেন। |
আমরা সবাই 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 এর লুক আপনার সাইটের।
